如何从不同的元素访问Polymer元素中的属性

时间:2016-04-22 09:58:14

标签: javascript polymer

如何从x-foo

访问元素x-bar的声明属性

在我的示例中,我想从x-foo

访问位于x-bar内的title-property

JS Bin:https://jsbin.com/muvidacoga/edit?html,console,output

1 个答案:

答案 0 :(得分:4)

您一直在做的是正确的,但您需要将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);所以只是小修复。

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

编辑: 如果您不熟悉聚合物1.0或聚合物。我建议您通过polymer-project.org开发人员指南阅读槽或至少浏览并开始阅读。通过这种方式,您可以了解在那里显示的信息,当您遇到问题时,您知道聚合物网站上是否有关于该主题的信息。它非常有助于理解聚合物,并有助于编码聚合物,因为每次访问网站时都会收集一些小块。 :)