{to-child}

function

One-way bind a value in the parent scope to the [can-component::viewModel viewModel].

`{child-prop}="key"`

Imports key in the scope to childProp in [can-component::viewModel viewModel]. It also updates childProp with the value of key when key changes.

<my-component {some-prop}="value"/>

Parameters

child-prop {String}:
The name of the property to set in the component's viewmodel.
key {Literal Expression|KeyLookup Expression|Call Expression|Helper Expression}:
An expression whose resulting value is used to set as childProp.

`{$child-prop}="key"`

Imports key in the scope to childProp property or attribute on the element.

<input {$value}="name"/>

This signature works, but the following should be used instead:

<input value="{{name}}"/>

Use

{child-prop}="key" is used to pass values from the scope to a component. You can use CallExpressions like:

<player-scores {scores}="game.scoresForPlayer('Alison')"/>
<player-scores {scores}="game.scoresForPlayer('Jeff')"/>