ng repeat start / end in Angular 2
<p>Before I could do something like this in Angular 1.x : </p>

<pre><code>&lt;tbody&gt;
    &lt;tr class="resource-row" ng-click="expandRow(resource.id)" ng-repeat-start="resource in resources track by $index"&gt;
        &lt;td&gt;
            &lt;a ng-bind="resource.id"&gt;&lt;/a&gt;
        &lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr ng-repeat-end="" class="resource-sub-row" ng-show="resource.expand"&gt;
        &lt;td colspan="4"&gt;
            &lt;div class="resource-details" ng-repeat="details in resource.details"&gt;
                &lt;div class="stream-data form-inline col-md-12"&gt;
                    &lt;div class="col-md-12 form-group"&gt;
                        &lt;label&gt;Resource Details: &lt;/label&gt;
                        &lt;div&gt;{{resource.level}}&lt;/div&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/td&gt;
    &lt;/tr&gt;
&lt;/tbody&gt;
</code></pre>

<p>This allows for the expand and collapse row to be repeated.</p>

<p>edit: please note ng-repeat-end is on the second tr element, allowing for pairs of tr elements to be repeated. If I didn't add the  ng-repeat-start and end, I would not be allowed to use the second ng-repeat inside the resource-details element. ngFor does not allow for this behavior the same setup as angular 1.x</p>

<p>How can I accomplish this in Angular 2.0.1? </p>