Dart 如何使用`<；绑定到事件处理程序；模板为“=”；dom bind"&燃气轮机`_Dart_Dart Polymer

Dart 如何使用`<；绑定到事件处理程序；模板为“=”；dom bind"&燃气轮机`

dart

Dart 如何使用`<；绑定到事件处理程序；模板为“=”；dom bind"&燃气轮机`,dart,dart-polymer,Dart,Dart Polymer,如何使用绑定到事件处理程序？index.dart import 'dart:html'; import 'package:polymer/polymer.dart'; DomBind template; main() async { await initPolymer(); template = document.querySelector('#t'); final model = new MyModel(); template['model'] = model; //

如何使用

绑定到事件处理程序？

index.dart

import 'dart:html';
import 'package:polymer/polymer.dart';

DomBind template;

main() async {
  await initPolymer();
  template = document.querySelector('#t');

  final model = new MyModel();
  template['model'] = model;
  // Polymer 1.0 event handlers can't have `.` in declarative syntax 
  // and therefore need to be assigned to the template directly.
  template['buttonTap'] = model.buttonTap;
}

class MyModel extends JsProxy {
// reflectable is Polymer 1.0.0-rc.2 (was @eventHandler in rc.1)
  @reflectable 
  String value = 'something';

  @reflectable
  buttonTap([Event e, args]) {
    print(template.$['mybutton'].id);
    print('tap! $value');
  }
}

<!doctype html>
<html>
  <head>
    <link rel="import" href="packages/polymer/polymer.html">
    <script src="packages/web_components/webcomponents-lite.min.js"></script>
    <script src="packages/browser/dart.js"></script>
  </head>
  <body>
    <template id="t" is="dom-bind">
      <div>Model: <span>{{model}}</span></div>
      <div>Say something: <input value="{{model.value::change}}"></div>
      <div>You said: <span>{{model.value}}</span></div>
      <button id="mybutton" on-tap="buttonTap">Tap me!</button>
    </template>
    <script type="application/dart" src="index.dart"></script>
  </body>
</html>

索引.省道

import 'dart:html';
import 'package:polymer/polymer.dart';

DomBind template;

main() async {
  await initPolymer();
  template = document.querySelector('#t');

  final model = new MyModel();
  template['model'] = model;
  // Polymer 1.0 event handlers can't have `.` in declarative syntax 
  // and therefore need to be assigned to the template directly.
  template['buttonTap'] = model.buttonTap;
}

class MyModel extends JsProxy {
// reflectable is Polymer 1.0.0-rc.2 (was @eventHandler in rc.1)
  @reflectable 
  String value = 'something';

  @reflectable
  buttonTap([Event e, args]) {
    print(template.$['mybutton'].id);
    print('tap! $value');
  }
}

<!doctype html>
<html>
  <head>
    <link rel="import" href="packages/polymer/polymer.html">
    <script src="packages/web_components/webcomponents-lite.min.js"></script>
    <script src="packages/browser/dart.js"></script>
  </head>
  <body>
    <template id="t" is="dom-bind">
      <div>Model: <span>{{model}}</span></div>
      <div>Say something: <input value="{{model.value::change}}"></div>
      <div>You said: <span>{{model.value}}</span></div>
      <button id="mybutton" on-tap="buttonTap">Tap me!</button>
    </template>
    <script type="application/dart" src="index.dart"></script>
  </body>
</html>


模型：{{Model}}
说点什么：
你说：{{model.value}}
轻拍我！

您有使用JavaScript的示例吗？对不起，我没有使用JS。