Angular 2:ngFor完成后的回调 [英] Angular 2: Callback when ngFor has finished

查看:444
本文介绍了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();
  }

这篇关于Angular 2:ngFor完成后的回调的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆