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