我正在开发发送数组作为元素的属性。
档案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)