angular-formly - 在 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在选项卡上使用一组正式的字段配置数组。如果你愿意，你可以在网站 repo上请求一个实际的例子