聚合物，将我正在设置的变量发送到另一个元素

Question

我正在尝试通过我在 2 个动画页面之间设置的字符串来切换不同的事件

我有一些代码返回到包含两个动画页面的页面，这些页面交换并设置我想要发送的 id

_onElementClick: function(event) {
            this.$.dataId = event.detail.data.id;
            this.$.pages.selected = 1;
        },

所以 pages.selected 完全改变了页面，如果我记录 this.$.dataId 它是正确的值，但是在这个页面上我试图将 this.$.dataId 传递到另一个元素像这样

 <my-polymer-full dataId="dataId"></my-polymer-full>

并在

这样的元素中使用它

 <div>[[dataId]]</div>

在元素中我将其设置为

     properties: {
        dataId: {
            type: String
        },

这似乎不起作用。我是聚合物的新手，不确定自己做错了什么。

Answer 1

您不应该在尝试使用属性时使用节点选择器，this.$。相反，考虑在元素本身上设置属性值，例如：

_onElementClick: function(event) {
  this.dataId = event.detail.data.id;
  this.$.pages.selected = 1;
}

然后使用一种或两种方式的数据绑定将这些属性绑定到您要使用它们的元素的属性，例如：

 <my-polymer-full data-id="[[dataId]]"></my-polymer-full>

重要的是，请注意 data-id 的使用。这就是您需要如何表示由任何自定义 Polymer 元素发布的驼峰命名法属性。这可能是您最初的主要问题。

Polymer, send variable i am setting into another element