從聚合物核心列表中獲取所選項目的索引

Question

我正在嘗試使用鍵盤鍵滾動簡單核心列表。
這是核心列表：

-list.html後

<core-list data="{{posts}}" selectionEnabled="true" selection="{{selectedPost}}" on-core-select="{{selectedHandler}}" fit > 
    <template repeat> 
     <post-card post="{{model}}" index="{{index}}" ></post-card>  
    </template> 

我需要選定後卡的指標，增加並把它傳遞給選擇信息和scrollToItem核心列表的方法。

我面臨的問題是......我如何獲得索引？
我搜索了一個簡單的方法，在覈心列表和核心選擇中都沒有成功。

不幸的是，核心列表中的核心列表屬性「選擇」是當前選定記錄的數據（所以我無法從中獲取索引屬性）。

我錯過了什麼嗎？ 是否有任何解決方案不涉及直接在後卡組件中處理索引？

謝謝。

Answer 1

核心列表項是處理選擇事件的核心選擇。您可以嘗試使用核心選擇事件，您可以獲取所選項目的索引。因此，它可以像這樣

selectedHandler: function(e, detail, sender) { 
    var i=this.$.selection.indexOf(detail.item); 
    this.scrollToItem(i+1); 
    }