聚合物中的主机与目标

前端之家收集整理的这篇文章主要介绍了聚合物中的主机与目标前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在尝试理解从 Polymer PathPolymer Data Flow文档中获取的以下上下文中的主机和目标(和元素).

请考虑以下图表:

现在考虑以下声明(来自同一个documentation):

“当本地DOM中的两个元素绑定到同一属性时,数据似乎从一个元素流向另一个元素,但此流程由主机调解.”

到现在为止还挺好.然后继续说:

“由一个元素进行的更改传播到主机,然后主机将更改传播到第二个元素.”

第一部分:“由一个元素进行的更改传播到主机……”这是否意味着对第一个元素的更改首先传播到其自己的主机? “元素”实际上是指元素的数据属性吗?

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

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

<parent-el>
  <user-profile primary-address="{{addr}}"></user-profile>
  <address-card address="{{addr}}"></address-card>
</parent-el>

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

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

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

另请注意,这会侦听对象仅作为整体进行更改.听取子属性的变化,例如addr.street父级应该添加一个观察者.有关详细信息,请参阅complex observers.

原文链接:https://www.f2er.com/javaschema/281658.html

猜你在找的设计模式相关文章