2016-10-21 12 views
1

<template is="dom-repeat" items="rows">を使用して表を作成するPolymerコンポーネントを開発しており、一部の行で何が起こっているのかをデバッグする必要があります。 Chromeデベロッパーツールでは、DOMでコンポーネントを選択し、$0.rowsを使用してすべての行配列を検査できます。しかし、個々の行のデータを調べるにはどうすればよいですか?生成された行要素の1つを選択すると、$ 0とその行を生成するために使用された配列項目の間に接続がありますか?Polymer dom-repeatのデバッグ方法

答えて

1

docsによれば、,itemForElement(el)およびkeyForElement(el)の機能を使用できます。

this.$.repeater.modelForElement($0) 

繰り返しテンプレートの最上位要素だけでなく、どのノードでも使用できます。しかし、this.$.repeaterを入手することは、Devツールから難しいかもしれません。上記はあなたの要素の中にブレークポイントを仮定します。

2番目のオプションとして、リピータによってスタンプされた各最上位要素に_templateInstanceという追加プロパティが追加されているという利点があります。必要なすべてのデータが含まれます。しかし、これは内部実装の詳細であり、Polymerが進化するにつれて変化する可能性があることに注意してください。デバッグしますが、コード内でそれを使用しないでください。

関連する問題