dart - html中的声明自定义元素，Polymer库中没有代码

Question

是否可以仅在html文件中声明自定义元素，而在Polymer库中不添加dart代码(.dart文件)呢？

我只想要自定义元素的html标记。标记也可能包含一些内嵌的 Dart 代码(例如，初始化代码和事件处理方法)。可能吗？

Answer 1

编辑

未经测试，但我认为应该可以

<polymer-element name='my-element'>
  <template>
    <div>some content</div>
    <button on-click='{{clickHandler}}'>click me</button>
  </template>
  <script type='application/dart'>
import 'package:polymer/polymer.dart';

@CustomTag('my-element') 
class MyElement extends PolymerElement {
  MyElement.created() : super.created();

  void clickHandler(Event e) {
    print(e.target.toString());
  }
}

  </script>
</polymer-element>

编辑END

只需添加属性 noscript即可。

<polymer-element name='my-element' noscript>
  <template>
    <div>some content</div>
  </template>
</polymer-element>

在Dart中，从这样的组件( <polymer-element name='my-other-element' extends='my-element>...)继承不能很好地工作，特别是如果派生元素具有关联的Dart类(在Polymer.js中可以正常工作)。