How can I use *ngFor current object outside of the ngFor?

Question

The title might seem weird but what im talking about is basically what this link is doing.

Im look for a way to use the current iterated person in a <tr> outside of the *ngFor scope.

In the link he used ng-repeat-start and ng-repeat-end to include multiple tag withing the ng-repeat. How can i achieve the same behavior withing Angular2 using *ngFor?

Answer 1

I had to use the <template> tag, which made the iterated objected accessible within it.

<ng-template let-person ngFor [ngForOf]="people">
    <tr>
        <td>{{person.name}}</td>
        <td>{{person.gender}}</td>
    </tr>
    <div>
        <span>{{person.details}}</span>
    </div>
</ng-template>

Hope it'll help somebody