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

Question

我正在从 angular 世界转向聚合物。我这样做是为了创建不依赖于 angular.

等大型框架的可重用组件

我想知道如何将数据传递到带有原版 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 或车把之类的东西来动态地将数据添加到元素。

Answer 1

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

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

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

Pass data into a Polymer element without using polymer

javascript

element

polymer