【问题标题】:Host vs Target in Polymer聚合物中的宿主与目标
【发布时间】:2017-01-28 16:41:04
【问题描述】:

我正在尝试从Polymer PathPolymer Data Flow 文档中了解以下上下文中的主机和目标(和元素)。

考虑下图:

现在考虑以下语句(来自同一个documentation):

“当本地 DOM 中的两个元素绑定到同一个属性时,数据似乎从一个元素流向另一个元素,但这种流是由宿主调节的。”

到目前为止,一切都很好。然后它继续说:

“一个元素所做的更改向上传播到主机,然后主机将更改向下传播到第二个元素。”

第一部分:“一个元素所做的更改传播到宿主......”这是否意味着对第一个元素的更改首先传播到它自己的宿主? “元素”实际上是指元素的数据属性吗?

第二部分“然后主机将更改向下传播到第二个元素。”我们是否向下传播到第二个元素的数据属性?这里更加令人困惑,因为两个 ehhh 元素之间只有一个元素或数据对象共享??

我认为在第一个元素的 data 属性中所做的更改首先转到它自己的主机,然后第一个主机将更改传播回第二个元素的数据元素(恰好是第一个元素的数据对象以及)。

【问题讨论】:

    标签: polymer target host


    【解决方案1】:
    <parent-el>
      <user-profile primary-address="{{addr}}"></user-profile>
      <address-card address="{{addr}}"></address-card>
    </parent-el>
    

    如果任一元素更改addr(子元素可以使用他们想要的任何名称),则更改将传播到父元素,然后传播到另一个元素。

    如果任一绑定改用[[addr]],则更改只会从父级传播到子级。

    请注意,两个子元素都应在相关属性(primaryAddress 或地址)上设置notify: true,以便通知父级更改并完全设置双向绑定。

    还请注意,这仅侦听对象整体的变化。监听子属性的变化,例如addr.street 父母应该添加一个观察者。有关这方面的更多信息,请参阅complex observers

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2011-05-12
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2016-01-04
      • 1970-01-01
      • 2023-03-06
      • 1970-01-01
      相关资源
      最近更新 更多