2

他のコンポーネントのコンテナとして機能する親コンポーネントがあります。コンテナがそのコンポーネント内の要素を照会できるようにしたい。たとえば、私の外部コンポーネントは次のとおりです。

<polymer-element name="task-dart">
  <template>
      <div class="task-list">
        <template repeat="{{tasks}}">
          <task-row task="{{}}"></task-row>
        </template>
      </div>
  </template>
  <script type="application/dart" src="taskdart.dart"></script>
</polymer-element>

そして、私の内部コンポーネントは次のとおりです。

<polymer-element name="task-row" attributes="task">
  <template>
      <div class="task">
         <!-- html components of the task -->
      </div>
  </template>
  <script type="application/dart" src="task_row.dart"></script>
</polymer-element>

ただし、 taskdart.dart の次のいずれも結果を生成しません。

void created() {
    super.created();

    print(queryAll(".task").toString()); // []
    Timer.run( () {
        print("queryAll: " + queryAll(".task").toString()); // []
    });
} 

これは、css が内部コンポーネントにスコープされているためですか、それとも初期化中にこの時点でクエリするものが何もないためですか? いずれにせよ、どうすれば修正できますか?

4

1 に答える 1