使用Angular Formly的Bootstrap选项卡

时间:2015-07-25 04:12:20

标签: angular-formly

有没有办法包含"标签"在形式上json结构的结构很容易构建bootstrap-ui标签?例如某种类似的东西:

{
  Tabs: [
    {
      heading: 'Tab 1',
      fields: [
               ....
              ]
    },
    {
      heading: 'Tab 2',
      fields: [
               ....
              ]
    },
  ]
}

是否容易构建这种类型的结构?或者我应该在选项卡数组上对ng-repeat内部进行ng-repeat?或者他们的表现是关注那个或任何其他问题?

1 个答案:

答案 0 :(得分:5)

我建议不要将表格放在表格中。相反,在表格中加入形式。如果您使用的是angular-ui-bootstrap,则其结构如下:

<tabset>
  <tab>
    <formly-form></formly-form>
  </tab>
  <tab>
    <formly-form></formly-form>
  </tab>
</tabset>

他们甚至可以共享相同的模型。您可以在选项卡上使用一系列形式字段配置数组进行ng-repeat。如果您愿意,可以在request an actual example

the website repo进行此操作