angular - angular2: ネストされた ngFor で「もっと見る」

Question

angular2でこのソリューションに似たものを実装しようとしています。スライス パイプを使用して反復回数を制限できることはわかっています (limitTo と同様)。問題は、angular2 に ng-init ディレクティブがなく、このシナリオではローカル変数が機能しないようで、各サブエンティティに対してローカルである必要があるため、コンポーネントのレベルで変数を使用できないことです (見られるように下の例では）。

 <template ngFor #record [ngForOf]="records" #i="index">
  <template #showMoreLocal="2" ngFor #object [ngForOf]="record.objects | slice:0:showMoreLocal" #j="index">
    ....some htmls....
    <button *ngIf="showMoreLocal < record.objects.length" (click)="showMoreLocal = showMoreLocal + 10">..</button>
  </template>
</template>