使用核心选择器的聚合物 - 如何使用数组设置选定值

Question

我正在使用聚合物 0.5，特别是核心选择器元素：

<core-selector multi valueattr="label" id="specialisms" layout horizontal wrap around-justified>
    <div class="item core-selected" label="label1" active>Boo</div>
            <div class="item core-selected" label="label1" active>Baa</div>
            <div class="item" label="label1">Cow</div>
</core-selector>

我如何用一个数组给出多个选定的值？这样做的最佳方法是什么？

可以这样给钥匙吗:

selected="['key1','key2','key3']"

提前致谢

Answer 1

使用 multi-selection

HTML

<core-selector selected="{{multiSelected}}" multi>
    <div>Item 0</div>
    <div>Item 1</div>
    <div>Item 2</div>
    <div>Item 3</div>
    <div>Item 4</div>
</core-selector>

Javascript

Polymer({
    ready: function() {
        this.multiSelected = [0,1,2];
    }
});

或者当您不在自定义元素中工作时

<script>
    document.addEventListener('polymer-ready', function(e) {
        var tmp = document.querySelector('#template');
        tmp.multiSelected = [0,1,2];
    });
</script>

selected 属性采用数字索引数组

取自core-selector demo

使用核心选择器的聚合物 - 如何使用数组设置选定值

Polymer using core-selector - how to set selected value with array

html

javascript

web-component

polymer