Dart使用polymer.dart進行雙向數據綁定的示例

Question

我使用{{my_var}}格式查看單向數據綁定的示例，但是，我沒有看到將HTML一側的更改綁定到dart的方法目的。例如輸入框文字改變。

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; 
}