在 Angular Formly 中使用引导选项卡

Question

有没有办法在正式的 json 结构中包含一个“tab”结构来轻松构建 bootstrap-ui 选项卡？例如类似这样的东西：

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

这种类型的结构是否易于构建？或者我应该在 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。如果你喜欢，你可以在the website reporequest an actual example这个the website repo