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에서는 다음과 같이 바인딩 두 가지 방식으로 할 것. 그것은 당신이 dom 요소에 바인딩되어 있음을 나타냅니다. 구성 요소 값에 바인딩하는 경우 $를 제외합니다.

참조 :

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

: 여기

https://canjs.com/doc/can-stache-bindings.twoWay.html가 jsbin 구문을 보여주는 것