polymer.dart를 사용하는 다트의 양방향 데이터 바인딩 예제

Question

{{my_var}} 형식의 단방향 데이터 바인딩 예제를 볼 수 있지만 HTML 측면의 변경 사항을 다시 다트에 바인딩하는 방법은 없습니다 목적. 예를 들어, 입력 상자 텍스트가 변경됩니다.

Answer 1

Seth Ladd's GitHub space에는 몇 가지 예가 있습니다.

<polymer-element name="my-example"> 
    <template> 
    <div> 
     Type something: <input type="text" value="{{message}}"> 
    </div> 
    <div> 
     You typed {{message}} 
    </div> 
    </template> 
    <script type="application/dart" src="my_example.dart"></script> 
</polymer-element> 



import 'package:polymer/polymer.dart'; 

@CustomTag('my-example') 
class MyExample extends PolymerElement with ObservableMixin { 
    @observable String message; 
} 

: 여기

바인딩 텍스트 입력에 대한 구체적인 예는