【问题标题】:Does two-way binding with Polymer [2] only work with Polymer elements?与 Polymer [2] 的双向绑定是否仅适用于 Polymer 元素?
【发布时间】:2017-03-18 04:37:38
【问题描述】:

我定义了一个 Polymer 元素 <xtal-fetch>,它 thanks to previous help on Stack Overflow 能够通过 Polymer 的双向绑定支持将结果传递给包含 Polymer 的元素。

但我发现它似乎没有将结果传递给本机自定义元素。

源码是here,可以测试here

如果我没有遗漏任何东西,这是错误还是功能?

【问题讨论】:

    标签: polymer polymer-2.x


    【解决方案1】:

    回答标题中的问题:只要数据绑定在 Polymer 宿主元素内完成,您就可以将 Polymer 数据绑定与本机 Web 组件一起使用。

    但您似乎正在尝试在本机元素的构造函数中使用 Polymer 数据绑定(即<fetch-container>'s innerHTML uses Polymer data binding syntax)。这行不通,因为您不在 Polymer 宿主元素中。如果将<fetch-container> 转换为Polymer 元素,则可以使用Polymer 的数据绑定。如果您更喜欢使用本机元素,则必须通过在 <xtal-fetch>result-changed 事件上添加事件侦听器来手动设置元素中的数据绑定。

    【讨论】:

    • 您在“那行不通”子句中按照我的意图理解了我的问题。我了解双向数据流并不是所有框架/开发人员都普遍支持的。就个人而言,我认为它很有用,以避免代码样板(必须添加侦听器)。恕我直言,我认为它应该是 Web 组件库应该能够以某种方式“选择加入”的东西,而不必扩展 Polymer 元素。特别是如果 Polymer 有一种干净的方法可以找到包含的自定义元素。
    猜你喜欢
    • 1970-01-01
    • 2015-08-30
    • 1970-01-01
    • 1970-01-01
    • 2018-01-02
    • 2017-08-07
    • 1970-01-01
    • 1970-01-01
    • 2014-08-22
    相关资源
    最近更新 更多