canjs - CanJS - 两种方式绑定

Question

如何使用 CanJS 进行双向绑定？

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

可以显示多种方法吗？使用视图模型？

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,控制台,输出

Answer 2

请在此处查看（v2和v3的文档）。

至少如果您使用（现在推荐的）组件方法，您可以编写

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

这是来自文档。