title: Insert rows at specific index of another row in ng-repeat
body: <p>Here's the code:</p>
  
  <pre><code>&lt;tr ng-repeat="param in tags[$index].parameters"&gt;
              &lt;td class="previewParamName"&gt;{{param.name}}&lt;/td&gt;
              &lt;td&gt;
                  &lt;div ng-if="is_array(param)"&gt;
                      &lt;div class="previewParamValue limitWidth"&gt;List &lt;span class="arrayParamArrow" ng-click="showArrayParams(param)" ng-class="{'glyphicon glyphicon-chevron-down': !arrayCollapsed, 'glyphicon glyphicon-chevron-up': arrayCollapsed}"&gt;&lt;/span&gt;&lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div ng-if="!is_array(param)"&gt;
                      &lt;div class="previewParamValue" tooltip-placement="bottom" tooltip="{{param.value}}" tooltip-trigger="mouseenter"&gt;{{param.value | limitTo : 25}}&lt;/div&gt;
                  &lt;/div&gt;
              &lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr ng-hide="!arrayCollapsed" ng-repeat="params in arrayParameter"&gt;
        &lt;td&gt;{{params.name}}&lt;/td&gt;
        &lt;td class="wordBreak"&gt;{{params.value}}&lt;/td&gt;
  &lt;/tr&gt;
  </code></pre>
  
  <p>What i want is to be able to put second row ng-repeat below specific row in the first ng-repeat, specifically when ng-if=is_array(param) div is shown, because it indicates that there needs to be more sub rows for that one specific row. Thanks</p>