在不使用聚合物的情况下将数据传递到聚合物元素答案

【问题标题】：Pass data into a Polymer element without using polymer在不使用聚合物的情况下将数据传递到聚合物元素
【发布时间】：2016-04-26 17:54:04
【问题描述】：

我正在从角度世界切换到聚合物。我这样做是为了创建不依赖于 angular 等大型框架的可重用组件。

我想知道如何使用 vanilla javascript 或类似把手之类的东西将数据传递到元素中？

<html lang="en">
  <head>
    <script src="bower_components/webcomponentsjs/webcomponents-lite.min.js"></script>
    <link rel="import" href="basic-nav/basic-nav.html">

  </head>
  <body>
    <basic-nav tabs='[{"key": "A","label": "sweet"},{"key": "B","label": "nice"}]' tab='A'></basic-nav>
  </body>
</html>

现在我必须将一个 json 字符串硬编码到聚合物元素中，它可以工作。但我想要像 jquery 或 handlebars 这样的东西来动态地向元素添加数据。

【问题讨论】：

标签： javascript polymer element

【解决方案1】：

这很简单。您可以将 id 添加到元素/以其他方式查找此元素。

 document.getElementById('basicNavId').tabs=['some Array'];

【讨论】：

太棒了，做到了 =)
尽管这第一次有效，但是当您从另一个调用更新数据并再次运行此步骤时，新数据不会显示。所以在数组属性上——我用过——观察者：'messagesChanged'，这个函数只被调用一次——对于第一次分配，再也不会。我一定是错过了什么。
你能发布你的代码吗？（仅相关部分）或使用代码打开新问题并给我一个链接？
我创建了一个问题 - stackoverflow.com/questions/38759735/…