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