核心列表将所选内容快速绑定到属性

Question

是否可以将核心列表dart元素中选择的项绑定到变量？

类似于：

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

其中，data是我的List<Item>，而selected是一个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类作为你的另一个问题核心列表dart模板中的例子——如何绑定到模型本身

Answer 2

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

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

唯一的解决方案是通过Günter Zöchbauer提出的core-activate事件来听取选择的变化。

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