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

Question

我看到了 {{my_var}} 格式的单向数据绑定示例，但是，我没有看到将 HTML 端的更改绑定回 dart 对象的方法。例如输入框文本发生变化。

Answer 1

Seth Ladd 的 GitHub 空间中有几个示例。

这是文本输入绑定的具体示例：

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