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属性包含所选项目。