Добавление элемента 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>