Dart Paper-button onclick事件不起作用

时间:2014-12-22 14:15:21

标签: dart dart-polymer

我试图将纸质按钮链接到某个事件,但在下面的示例中,似乎根本没有调用事件(add1)。

任何想法问题在哪里?

<link rel="import" href="packages/polymer/polymer.html">
<link rel="import" href="packages/paper_elements/paper_button.html">

<polymer-element name="my-button">

    <template>
        <style>
            ..
        </style>

        <div>
            <div>
                <paper-button raised="" onclick="{{add1}}">Add 1</paper-button>
            </div>
            <div>
                <p>count is : {{count}}.</p>
            </div>
        </div>
    </template>
    <script type="application/dart" src="my_button.dart"></script>
</polymer-element>

和Dart文件:

import 'package:polymer/polymer.dart';

@CustomTag('my-button')
class MyButton extends PolymerElement {
  @observable int count = 0;
  MyButton.created() : super.created();

  void add1(Event e, var detail, Node target) {
    count++;
    print(count);
  }
}

2 个答案:

答案 0 :(得分:3)

您可以通过 on_ click =“{{add1}}”

替换 onclick =“{{add1}}”

答案 1 :(得分:1)

它不起作用的原因是我忘了以下陈述:

import 'dart:html';