CanJS - 双方向バインディング

Question

CanJSを使用して双方向バインディングを行う方法は？

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

複数のアプローチを表示できますか？ ViewModelを使用していますか？

Answer 1

こちらをご覧ください（docu for v2およびfor v3）。少なくとも

あなたが（最近は推奨）コンポーネントを使用すると、これは、文書からである

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

を書くことができるアプローチを使用する場合。

Answer 2

can-valueはv2の古いメソッドでした。

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

注value前$：Canjs 3.0では、あなたはこのように2つの結合方法を行うだろう。これは、あなたがdom要素にバインドしていることを表します。コンポーネント値にバインドしていた場合は、$を除外します。

参照：https://canjs.com/doc/can-stache-bindings.twoWay.html

はここ構文を実証jsbinです：

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