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

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

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

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


person Santosh    schedule 11.04.2017    source источник


Ответы (2)


can-value был старым методом в версии 2. В 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

person twoLeftFeet    schedule 02.06.2017

Посмотрите здесь (документ для v2 и для версии 3).

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

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

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

person BairDev    schedule 12.04.2017