【问题标题】:Polymer - items in paper-listbox聚合物 - 纸张列表框中的项目
【发布时间】:2018-01-10 13:14:58
【问题描述】:

如果我想从一个带有聚合物的数组中创建一个纸张选择器,它看起来很麻烦:

...
        <paper-listbox
                slot="dropdown-content">
            <template is="dom-repeat" items="[[myItemList]]">
                <paper-item>
                    [[item]]
                </paper-item>
            </template>
        </paper-listbox>
...

特别是看起来总是需要dom-repeat 模板。有没有类似的捷径

    <paper-listbox item-list=[[myItemList]]
            slot="dropdown-content">
            <paper-item>
                [[item]]
            </paper-item>
    </paper-listbox>

或者是否每个人都为这种模式实现了自己的 Web 组件?

【问题讨论】:

    标签: polymer polymer-2.x


    【解决方案1】:

    已经内置了。

    <paper-listbox items="[[myItemList]]" as="item">
        <paper-item>[[item]]</paper-item>   
    </paper-listbox>
    

    【讨论】:

    • 没关系。 [[]] 是单向模型绑定,因此它应该与只读属性一起使用。
    • 好吧,它没有:)。文档中对此进行了描述:polymer-project.org/2.0/docs/devguide/properties#read-only“当属性仅“产生”数据而从不消耗数据时,可以通过设置 readOnly 标志来明确避免主机意外更改”
    • 这里是文档的随附部分,显示了使用双括号绑定只读数据的位置:polymer-project.org/2.0/docs/devguide/…
    • 是的,据此readOnly 使数据流单向向上(从子-> 主机),而不是相反;)
    • 我不认为这是正确的。 as 未列为属性,paper-listbox 不是转发器。此外,双括号不会强制属性(与主机属性不同)为只读
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多