将 Bootstrap 标签与 Angular Formly 结合使用

Question

有没有办法轻松地将 "tab" 结构包含在 json 结构到 build bootstrap-ui 选项卡中？例如像这样的东西：

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

有没有简单易行的方法来构建ui这种类型的结构？还是我应该在 ng-repeat 内部对 tabs 数组进行 ng-repeat？或者他们的表现是否与此或任何其他问题有关？

Answer 1

我建议不要正式放置标签。相反，形式化地放在标签中。如果您使用 angular-ui-bootstrap，它的结构应该是这样的：

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

他们甚至可以共享同一个模型。您可以在选项卡上使用一系列形式字段配置的数组来执行 ng-repeat。喜欢的话可以request an actual example of this on the website repo

将 Bootstrap 标签与 Angular Formly 结合使用

Using Bootstrap Tabs with Angular Formly

angular-formly