Question

在https://www.polymer-project.org/1.0/上显示使用firebase作为数据源的用法。但是，我想使用一个简单的js变量（数组/对象）作为数据源，例如与朋友一起排队。但是我没有让阵列与聚合物结合。

如何将js数组绑定为聚合物的数据？

示例HTML页面index.html

<dom-module id="friend-list">
  <link rel="import" type="css" href="friend-list.css">
  <template>
    <template is="dom-repeat" items="{{data}}">
      <contact-card starred="{{item.starred}}">
        <img src="{{item.img}}">
        <span>{{item.name}}</span>
      </contact-card>
    </template>
  </template>
  <script>
    Polymer({
      is: 'friend-list',
      properties: {
        data: Object
      }
    });
  </script>
</dom-module>

期待friend-list.html polymar可能是这样的：

            Double cnumber2=0;
            String snumber2 = number2.getText().toString().replace(",", "");
            cnumber2 = Double.parseDouble(snumber2);

Answer 1

如果要在元素声明之外使用数据绑定，则必须使用dom-bind模板。

<template is="dom-bind" id="app">
    <h1>Hello Data Object Arry Binding</h1>
    <friend-list data="{{friends}}"></friend-list>
</template>
<script type="text/javascript">
    var app = document.getElementById('app');
    app.friends = [
        {"name":"manual"},
        {"name":"john"},
        {"name":"doe","starred":true}
    ];
</script>

聚合物webcomponents数据绑定js对象/数组

1 个答案: