Dart Polymer core-selector 多选绑定到选定的不工作

Question

我以这种方式使用core-selector进行多项选择：

    <core-selector id="selector" selected={{selected}} valueattr="label" multi>
        <div class="item" label="foo">foo</div>
        <div class="item" label="bar">bar</div>
        <div class="item" label="zot">zot</div>
    </core-selector>

我将所选字段绑定到 List 以设置和检索所选元素：

@observable
List<String> selected = toObservable([]);

当我打印没有选择的列表时，我得到一个包含一个元素的数组：一个空数组。

selected: [[]] 

当我选择一个元素（条形）时，我得到一个包含两个元素的数组：一个空数组和选定的元素。

selected: [[], bar]

如果我在打印时使用元素 (zot) 初始化所选数组，我会得到：

selected: [[zot]]

我是否以错误的方式使用core-selector 还是有错误？

解决方法似乎以编程方式访问 core-selector 元素的 selected 属性。

使用 core_elements 0.4.0+6 测试。

Answer 1

这里有一个解决方法：

void ready() {
  $["selector"].selected = selected;
}

其中selected 是用于保留所选项目的列表，selector 是core-selector id。