dart - 使用 polymer.dart 在 dart 中进行双向数据绑定(bind)的示例

Question

我看到了使用 {{my_var}} 格式进行数据绑定(bind)的一种方式的示例，但是，我没有看到将更改从 HTML 端绑定(bind)回 dart 对象的方法。例如一个输入框的文本变化。

Answer 1

Seth Ladd's GitHub space 上有几个例子.

这是文本输入绑定(bind)的具体示例:

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