聚合物0.8:<content> select属性中的数据绑定不起作用</content>

时间:2015-04-15 10:42:52

标签: javascript polymer

在聚合物0.5中,我可以直接在select属性中使用属性,并且节点被正确过滤。

在聚合物0.8中,如果我尝试使用数据绑定,它将无法工作。

<dom-module id="test-element">
    <template>
        <content id="p0" select="[selected-item]"></content>
        <span>{{selector}}</span>
        <content id="p1" select="{{selector}}"></content>
    </template>
</dom-module>
<script>
    Polymer({
        is: 'test-element',
        properties: {
            selector: {
                type: 'String',
                value: '[selected-item]'
            }
        },
        ready: function() {
            console.log(
                //show: 3
                Polymer.dom(this.$.p0).getDistributedNodes().length,
                //show: 6
                Polymer.dom(this.$.p1).getDistributedNodes().length
            );
        }
    });
</script>

<test-element>
    <div selected-item>1</div>
    <div>2</div>
    <div selected-item>3</div>
    <div selected-item>4</div>
</test-element>

这是个坏主意吗?有人成功了吗?

0 个答案:

没有答案