如何从不同的元素访问聚合物元素中的属性

How to access property in Polymer element from different element

本文关键字:元素 聚合物 属性 访问      更新时间:2023-09-26

如何从x-bar访问元素x-foo的声明属性?

在我的示例中,我想从x-bar访问位于x-foo内部的标题属性

JS 斌在这里: https://jsbin.com/muvidacoga/edit?html,console,output

您一直在做的事情是正确的,但您需要设置 title 属性以在更改时通知。

title : {
    type : String,
    notify: true, //set this
    value : "Hello World 1"
}

通过将notify设置为 true,可以告诉属性告知其他元素它已更改。这称为双向数据绑定。从聚合物项目网站上阅读有关双向数据绑定的更多信息。https://www.polymer-project.org/1.0/docs/devguide/data-binding.html#property-notification

您进入酒店的方式很好。在演示中,我认为您在//console.log(e).title;行上只有一个小错别字。它应该是//console.log(e.title);所以只是小修复。

通过这些更改并取消注释控制台.log。控制台打印Hello World 1

编辑:如果您不熟悉聚合物 1.0 或一般的聚合物。我建议您阅读或至少略读 polymer-project.org 开发人员指南和入门部分。这样,您就知道那里显示了哪些信息,并且当您遇到问题时,您就知道聚合物网站上是否有有关该主题的一些信息。它确实有助于理解聚合物,并有助于编码聚合物,因为您每次访问该网站时都会拾取一些小东西。:)