Angular Formly个别字段

时间:2016-03-15 11:09:49

标签: angularjs angular-formly

有没有办法显示数组的各个字段而不是显示所有字段?

像这样,

$scope.fields = [{
   key:'firstName',
   type: 'input'
},{
   key:'lastName',
   type: 'input'   
}]

<formly-form model="model" field="fields[0]" form="userForm"></formly-form>

<formly-form model="model" field="fields[1]" form="userForm"></formly-form>

我问的原因是因为我需要制作需要绕过每个字段的复杂html结构。

目前这是我能做到的唯一方法。当我将项目传递给其他开发人员时,这非常繁琐且令人困惑。

$scope.field_1 = [{
   key:'firstName',
   type: 'input'
}]

$scope.field_2 = [{
   key:'lastName',
   type: 'input'   
}]

<formly-form model="model" fields="field_1" form="userForm"></formly-form>

<formly-form model="model" fields="field_2" form="userForm"></formly-form>

1 个答案:

答案 0 :(得分:1)

Formly个字段将数组作为输入。所以你可以将你的json构造成一个数组数组,以获得你想要的结果。

这样的东西
$scope.fields = [[{
   key:'firstName',
   type: 'input'
}],[{
   key:'lastName',
   type: 'input'   
}]]

这是一个带有示例http://jsbin.com/waqilejati/edit?html,js,output

的JSbin