小编Les*_*ton的帖子

呈现 div ngIf 时的事件

我在看问题:https : //stackoverflow.com/a/44737636/973651

我有一个带有ngIf条件的 div ,我想div在渲染时捕获一个事件。据说,您可以使用该AfterContentInit事件。我上面引用的文章显示了一个示例,我已经复制了该示例,但没有成功使其正常工作。

我不知道我做错了什么,但我无法让它发挥作用。我没有收到任何错误,但它对我不起作用。

我的指令定义为:

import { AfterContentInit, EventEmitter, Output, Directive } from '@angular/core';

@Directive({ selector: '[after-if]' })
export class AfterIfDirective implements AfterContentInit {
  @Output('after-if')
  public after: EventEmitter<AfterIfDirective> = new EventEmitter();

  public ngAfterContentInit(): void {
    debugger;
    setTimeout(() => {
      // timeout helps prevent unexpected change errors
      this.after.next(this);
    });
  }
}
Run Code Online (Sandbox Code Playgroud)

在我的页面组件中导入。

import { AfterIfDirective } from '../directives/after-if';


@NgModule({
  providers: [],
  imports: [NgModel, BrowserAnimationsModule, HttpClientModule, 
      AfterIfDirective],
  exports: [NgModel, BrowserAnimationsModule, AfterIfDirective]
}) …
Run Code Online (Sandbox Code Playgroud)

event-handling angular

4
推荐指数
1
解决办法
2576
查看次数

标签 统计

angular ×1

event-handling ×1