CanJS - двусторонняя привязка

Question

Как сделать двустороннее связывание с использованием CanJS?

Enter the Text : <input type="text" name="name" can-value="enteredText" />
Display the Text: {{enteredText}}

Может показать несколько подходов? Использование ViewModel?

Answer 1

can-value был старый метод в v2. В Canjs 4.0 вы должны выполнить двухстороннее связывание следующим образом:

Enter the Text : <input type="text" name="name" value:bind="enteredText" />
Display the Text: {{enteredText}}

Смотрите: https://canjs.com/doc/can-stache-bindings.twoWay.html

Вот jsbin, демонстрирующий синтаксис:

http://jsbin.com/vogavevico/edit?html,js,console,output

Answer 2

Пожалуйста, посмотрите здесь (документация для v2 и для v3).

По крайней мере, если вы используете (рекомендуемый в настоящее время) компонентный подход, вы можете написать

<my-component {(some-prop)}="value"/><!-- v2 -->
<!-- syntax for v3 remains: {(prop)}="key" for two-way binding. -->

Это из документации.