Добавление элемента ng-repeat к предыдущему индексу $, если заголовок пуст

Я создаю форму и использую ng-repeat для динамического заполнения различных вкладок и столбцов. Прямо сейчас мой код ниже создаст отдельную вкладку для каждого контейнера. Однако я хочу, чтобы те контейнеры, у которых нет заголовка, были добавлены к предыдущему контейнеру, чтобы только контейнеры с заголовками отображались как их собственные вкладки.

Это возможно?

<md-tabs md-dynamic-height md-border-bottom md-selected="tabIndex">
  <md-tab ng-init="$last ? execItemScripts() : null" ng-show="isContainerVisible(container)" ng-repeat="container in containers" label="{{container.captionDisplay || container.caption}}">
    <!--<legend ng-if="(container.caption || container.captionDisplay)">Part {{$index}}: {{container.captionDisplay || container.caption}}</legend>-->
    <md-content class="md-padding">
      <h2 class="md-display-1">Part {{$index}}: {{container.captionDisplay || container.caption}}</h2>    
      <div class="col-md-{{12 / container.columns.length }}" ng-repeat="column in container.columns">
        <div ng-repeat="f in column.fields" id="{{getVarID(f)}}" ng-switch="f.type" ng-class="{'form-inline': isInlineForm === true }">
          <div ng-if="formModel._fields[f.name]" ng-switch-when="label" ng-show="formModel._fields[f.name].isVisible()">
            <label ng-bind-html="::f.label"></label><span ng-if="::formModel._fields[f.name].instructions" ng-bind-html="::formModel._fields[f.name].instructions"></span>
            <p ng-bind-html="::formModel._fields[f.name].help_text" ng-if="::formModel._fields[f.name].help_text" title="{{::formModel._fields[f.name].help_tag}}" class="help-block"></p>
            <hr class="sp_label_hr">
          </div>
          <sp-form-field-md ng-show="formModel._fields[f.name].isVisible()" form-model="formModel" ng-if="formModel._fields[f.name]" field="formModel._fields[f.name]" ng-switch-when="field" glide-form="getGlideForm()"></sp-form-field-md>
          <sp-variable-layout ng-init="containers=[f]" ng-switch-when="container"></sp-variable-layout>
          <sp-variable-layout ng-init="containers=f.containers" ng-switch-when="checkbox_container" class="checkbox-container"></sp-variable-layout>
          <sp-widget widget="formModel._formatters[f.id].widgetInstance" page="{g_form: getGlideForm()}" ng-if="formModel._formatters[f.id].widgetInstance" ng-switch-when="formatter"></sp-widget>
          <hr ng-switch-when="break">
        </div>
      </div>
    </md-content>
  </md-tab>
</md-tabs>

0 ответов

Другие вопросы по тегам