Angular 2：ngFor完成后的回调

本文介绍了Angular 2：ngFor完成后的回调的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！ 问题描述

在Angular 1中，我编写了一个自定义指令（repeater-ready），与 ng-repeat 一起使用，以在迭代完成时调用回调方法：

In Angular 1 I have written a custom directive ("repeater-ready") to use with ng-repeat to invoke a callback method when the iteration has been completed:

if ($scope.$last === true) { $timeout(() => { $scope.$parent.$parent.$eval(someCallbackMethod); }); }

标记中的用法：

<li ng-repeat="item in vm.Items track by item.Identifier" repeater-ready="vm.CallThisWhenNgRepeatHasFinished()">

如何使用 ngFor 在Angular 2中？

How can I achieve a similar functionality with ngFor in Angular 2?

推荐答案

你可以使用这样的东西（ ngFor local variables ）：

You can use something like this (ngFor local variables):

<li *ngFor="#item in Items; #last = last" [ready]="last ? false : true">

然后你可以使用setter拦截输入属性更改

@Input() set ready(isReady: boolean) { if (isReady) someCallbackMethod(); }