ページに「紙ダイアログ」オブジェクトがあります。「dom-repeat」ループ内にない場合は、ボタンで切り替えることができます。でもループに入れると「this.$.dialog.toggle();」null を参照します。
<template is="dom-repeat" items="{{news}}" index-as"index">
<paper-dialog id="dialog"><h3>{{item.date}}</h3></paper-dialog>
<paper-button on-tap="toggleDialog">View {{item.name}}</paper-button>
</template>
と
toggleDialog: function(e) {
this.$.dialog.toggle();
}
ダイアログをループに入れた後、「this.$.dialog」が null になる理由は何ですか?