2016-10-31 1 views
1

私はポリマーのアイアンリストを使用しており、スクロールに動的に反応して無限の情報リストを作成しようとしています。iron-list [first、last] VisibleIndexバインディングが機能しません。

firstVisibleIndexプロパティとlastVisibleIndexプロパティでデータバインディングが機能しないことがわかりました。また、変更時にこれらのプロパティからイベントを取得できませんでした。

私はこのような変数への結合特性をしています:

<iron-list id="list" items="[[items]]" as="item" first-visible-index="{{fvi}}" last-visible-index="{{lvi}}"> 
    <template> 
     <div> 
     <center>[[item.value]]</center> 
     </div> 
    </template> 
    </iron-list> 
    <p>binding: [[fvi]], [[lvi]]</p> 

私は私のplnkr例では、私はまた、JavaScriptを使用してプロパティを読み込み、タイマーを持って、周りにスクロールすることができています。積極的に読み取られた値は正しいです。バインドされた値は常に0です。

イベントを使用してアクティブな読み取り(最初の表示可能なインデックスの変更)を試みましたが、起動しませんでした。

アイアンリストを取得するために必要なアイデアは、これらのプロパティを咳をする?

ここに完全plnkr:https://plnkr.co/edit/nY7amL?p=preview

答えて

1

firstVisibleIndexlastVisibleIndexは読み取り専用(結合双方向のデータと変更リスナーを防止する)変更イベントを発行していない非宣言されたプロパティを、実際にあります。

なし要素カタログに記載されている任意のプロパティが右側に注釈が観察ない通知します。たとえば、iron-listのドキュメントページでは、selectedAsは右にnotifiesを表示しませんが、selectedItemは出力プロパティに後者をバインドできることを示しています。

+0

これは多少微妙な文書です。 : - Pスクロールが起こったときにイベントを取得する方法に関する提案はありますか? –

+0

[''](https://elements.polymer-project.org/elements/iron-scroll-threshold)を試してください – tony19

+0

アイアンリストはスクロールイベントを発行できません。これは見落としですか、それとも何かすることを期待していますか? –

関連する問題