如何在聚合物组件中加载外部数据?

时间:2017-02-16 23:32:00

标签: polymer polymer-1.0

我正在开发一种聚合物成分:

<dom-module id="form-list">
<template>
  <div>{{title}}</div>
  <form>
    <template is="dom-repeat" items="{{inputAndLabel}}">
      <div>
        <label>{{item.tag}}</label>
        <input type="{{item.type}}" value="{{item.defaultValue}}">
      </div>
    </template>
  </form>
</template>
<script>
  Polymer({
    is: 'form-list',
    ready: function() {
      this.title = 'Formulario: Usuario',
      this.inputAndLabel = [
        {defaultValue: '', type:'text', tag:'Nombre' },
        {defaultValue: '', type:'text', tag: 'Apellido' },
        {defaultValue: '', type:'text', tag:'Email' },
        {defaultValue: '', type:'text', tag: 'Dirección' },
      ];
    }
 });
</script>
</dom-module>

这部分代码,我在内部元素中添加了

this.inputAndLabel = [
    {defaultValue: '', type:'text', tag:'Nombre' },
    {defaultValue: '', type:'text', tag: 'Apellido' },
    {defaultValue: '', type:'text', tag:'Email' },
    {defaultValue: '', type:'text', tag: 'Dirección' },
  ];

如何从其他文件加载数据?或者来自使用此组件的文件<form-list>

0 个答案:

没有答案