代码之家  ›  专栏  ›  技术社区  ›  Austin Lovell

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

  •  0
  • Austin Lovell  · 技术社区  · 10 年前

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

    我想知道如何用香草javascript或类似handlebar的东西将数据传递到元素中?

    <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或handlebar之类的工具来动态地向元素添加数据。

    1 回复  |  直到 10 年前
        1
  •  1
  •   Alon    10 年前

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

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