{to-child}

One-way bind a value in the parent scope to the ViewModel.

`{child-prop}="key"`

Imports key in the scope to childProp in viewModel. It also updates childProp with the value of key when key changes.

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

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

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')"/>