小编Eda*_*lez的帖子

如何将数组作为元素的属性传递?

我正在开发发送数组作为元素的属性。

档案form-list.html

<dom-module id="form-list">
  <template>
    <div>{{title}} - {{owner}} </div>
    <form>
      <template is="dom-repeat" items="{{inputAndLabel}}">
          <div><label>{{item.tag}} {{owner}}</label><input type="{{item.type}}" value="{{item.defaultValue}}"></div>
      </template>
    </form>
  </template>

  <script>
    Polymer({
      is: 'form-list',
      properties: {
        owner: {
          value:"Mechanical",
        },
        inputAndLabel: {
          type: Array,
          value: function() { return []; }
        }
      },
      ready: function() {
        this.title = 'Formulario: Usuario';
      }
    });
  </script>
</dom-module>
Run Code Online (Sandbox Code Playgroud)

因此,对于使用元素并传递inputAndLabel属性(这是一个数组),这是行不通的,但是owner属性起作用(这是一个字符串)。

<form-list inputAndLabel="[
        {defaultValue: '', type:'text', tag: 'Nombre' },
        {defaultValue: '', type:'text', tag: 'Apellido' },
        {defaultValue: '', type:'text', tag: 'Email' },
        {defaultValue: '', type:'text', tag: 'Dirección' }]" …
Run Code Online (Sandbox Code Playgroud)

javascript polymer custom-element polymer-1.0

5
推荐指数
1
解决办法
6398
查看次数

标签 统计

custom-element ×1

javascript ×1

polymer ×1

polymer-1.0 ×1