在Polymer库中声明自定义元素，而无需代码隐藏在HTML库中

Question

我是否可以在聚合物库中没有dart-code（.dart文件）的html文件中声明自定义元素？

我想只有一个自定义元素的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>

编辑结束

只需添加属性noscript。

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

在继承自这样的组件（<polymer-element name='my-other-element' extends='my-element>...）的Dart中，如果派生元素具有关联的Dart类（在Polymer.js中正常工作），则不能正常工作。