Question

如何访问模板内的元素？我目前在聚合物元素内部有一个画布，但似乎找不到一个干净的方式来获得画布。

@CustomTag('level-selector-item2')
class LevelSelectorItem2 extends PolymerElement {
  LevelSelectorItem2.created() : super.created() {
  }
}

以下是模板：

<polymer-element name="level-selector-item2" attributes="level">
  <template>
    <div>
      <canvas style="width: 300px; height: 200px" id="levelIcon"></canvas>
    </div>
  </template>
</polymer-element>

使用this.querySelector似乎总是返回null，所有这些都在created，ready和enteredView事件中。

Answer 1

当然，经过2个小时的搜索，以及我发布问题后的20分钟。我找到了答案：

  void enteredView() {
    super.enteredView();
    CanvasElement canvas = $['levelIcon'];
  }

感谢此示例代码：https://github.com/sethladd/dart-polymer-dart-examples/tree/master/web/automatic_node_finding

访问模板中的元素

1 个答案: