DoneJS StealJS jQuery++ FuncUnit DocumentJS
6.0.1
5.33.2 4.3.0 3.14.1 2.3.35
  • About
  • Guides
  • API Docs
  • Community
  • Contributing
  • Bitovi
    • Bitovi.com
    • Blog
    • Design
    • Development
    • Training
    • Open Source
    • About
    • Contact Us
  • About
  • Guides
  • API Docs
    • Observables
      • can-bind
      • can-compute
      • can-debug
      • can-deep-observable
      • can-define
      • can-define/list/list
      • can-define/map/map
      • can-define-backup
      • can-define-stream
      • can-define-stream-kefir
      • can-event-queue
      • can-kefir
      • can-list
      • can-map
      • can-map-compat
      • can-map-define
      • can-observable-array
      • can-observable-object
      • can-observation
      • can-observation-recorder
      • can-observe
      • can-simple-map
      • can-simple-observable
      • can-stream
      • can-stream-kefir
      • can-value
    • Views
      • can-attribute-observable
      • can-component
      • can-observable-bindings
      • can-stache
      • can-stache-bindings
        • Syntaxes
          • on:event
          • key:raw
          • key:from
          • key:to
          • key:bind
      • can-stache-converters
      • can-stache-element
      • can-stache-route-helpers
      • can-view-autorender
      • can-view-callbacks
      • can-view-import
      • can-view-model
      • can-view-parser
      • can-view-scope
      • can-view-target
      • steal-stache
    • Data Modeling
      • can-connect
      • can-connect-feathers
      • can-connect-ndjson
      • can-connect-tag
      • can-define-realtime-rest-model
      • can-define-rest-model
      • can-fixture
      • can-fixture-socket
      • can-local-store
      • can-memory-store
      • can-ndjson-stream
      • can-query-logic
      • can-realtime-rest-model
      • can-rest-model
      • can-set-legacy
      • can-super-model
    • Routing
      • can-deparam
      • can-param
      • can-route
      • can-route-hash
      • can-route-mock
      • can-route-pushstate
    • JS Utilities
      • can-assign
      • can-define-lazy-value
      • can-diff
      • can-globals
      • can-join-uris
      • can-key
      • can-key-tree
      • can-make-map
      • can-parse-uri
      • can-queues
      • can-string
      • can-string-to-any
      • can-zone-storage
    • DOM Utilities
      • can-ajax
      • can-attribute-encoder
      • can-child-nodes
      • can-control
      • can-dom-data
      • can-dom-events
      • can-dom-mutate
      • can-event-dom-enter
      • can-event-dom-radiochange
      • can-fragment
    • Data Validation
      • can-define-validate-validatejs
      • can-type
      • can-validate
      • can-validate-interface
      • can-validate-legacy
      • can-validate-validatejs
    • Typed Data
      • can-cid
      • can-construct
      • can-construct-super
      • can-data-types
      • can-namespace
      • can-reflect
      • can-reflect-dependencies
      • can-reflect-promise
      • can-types
    • Polyfills
      • can-symbol
      • can-vdom
    • Core
    • Infrastructure
      • can-global
      • can-test-helpers
    • Ecosystem
    • Legacy
  • Community
  • Contributing
  • GitHub
  • Twitter
  • Chat
  • Forum
  • News
Bitovi

key:from

  • Edit on GitHub

One-way bind a value in the parent scope to the StacheElement, can-component ViewModel, or element.

childProp:from="key"

Imports key in the scope to childProp in the StacheElement or can-component ViewModel. It also updates childProp with the value of key when key changes.

<my-element someProp:from="value" />

Note: If key is an object, changes to the object’s properties will still be visible to the component. Objects are passed by reference. See One Way Binding With Objects.

Parameters

  1. childProp {String}:

    The name of the property to set in the StacheElement or can-component ViewModel.

  2. key {Literal Expression|KeyLookup Expression|Call Expression|Helper Expression}:

    An expression whose resulting value is used to set as childProp.

child-prop:from="key"

Imports key in the scope to child-prop property or attribute on the element.

<input value:from="name" />

vm:childProp:from="key"

Imports key in the scope to childProp in the StacheElement or can-component ViewModel. It also updates childProp with the value of key when key changes.

<my-element vm:childProp:from="key" />

Note: If key is an object, changes to the object’s properties will still be visible to the component. Objects are passed by reference. See One Way Binding With Objects.

Parameters are the same as childProp:from="key"

el:child-prop:from="key"

Imports key in the scope to child-prop property or attribute on the element.

<input el:value:from="name" />

Parameters are the same as child-prop:from="key"

Use

The can-stache-bindings page has many examples of key:from. Specifically:

  • Update a component ViewModel’s value from the scope
  • Pass a value from an element to the scope

CanJS is part of DoneJS. Created and maintained by the core DoneJS team and Bitovi. Currently 6.0.1.

On this page

Get help

  • Chat with us
  • File an issue
  • Ask questions
  • Read latest news