core-list-dart綁定選擇屬性

Question

可以將在core-list-dart元素中選擇的項目綁定到變量？

喜歡的東西：

<core-list-dart data={{data}} height="80" selected={{selected}}> 

如果數據是我List<Item>和選擇是Item。

Answer 1

core-activate事件通過所選項目。

void activateHandler(dom.CustomEvent e) { 
    print(e.detail.data); 
} 

<core-list-dart data={{data}} height="80" on-core-activate="{{activateHandler}}"> 

的core-list不提供selected屬性，但在模板中的項目一樣。

<core-list-dart data="{{data}}" on-core-activate="{{activateHandler}}"> 
    <template> 
     <div>{{name}} - selected: {{selected}}</div> 
    </template> 
</core-list-dart> 

我用你Foo類爲例，從您的其他問題core-list-dart template how to bind to the model itself

Answer 2

在core-list-dart的selected屬性不記錄https://github.com/dart-lang/core-elements/issues/121。

正如我從代碼中可以理解的那樣，對於更改觀察屬性，選擇應該隨之更新，但不起作用。

唯一的解決方案是通過GünterZöchbauer提出的core-activate事件聽取選擇更改。

事件details.data屬性包含所選項目。