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

selected中的core-list-dart属性未记录https://github.com/dart-lang/core-elements/issues/121。

正如我从代码中可以理解的那样，观察到属性的变化，因此应该更新选择，但它不起作用。

唯一的解决方案是通过GünterZöchbauer提出的core-activate事件聆听选择更改。

事件details.data属性包含所选项目。