Angular 5 - 指令中的生命周期钩子

Jee*_*Jsb 3 javascript jquery directive angular5

我是 Angular 5 的新手。
我已经为外部 JS 库创建了指令。
但是在同一个指令中,我将值绑定到属性。

我试图起诉ngAfterViewInit以检测是否所有值都绑定到该属性,然后调用 jQuery 插件。

但是我只找到了组件的生命周期钩子。我可以在指令中使用那些吗?这是一个不错的选择吗?

<div *ngFor="let item of easypiechartOptions"
    [option]="item"
    appEasyPieChart
    [attr.data-percent]="item.percent">
</div>
Run Code Online (Sandbox Code Playgroud)

如果我不使用ngAfterViewInit,那么当我调用 jQuery 插件时,这些值不会被绑定。
如果我使用它,当我调用 jQuery 插件时,属性值就准备好了。

Ofi*_*r G 7

但是我只找到了组件的生命周期钩子。我可以在指令中使用那些吗?这是一个不错的选择吗?

我们用于组件的钩子似乎也用于指令。我们可以从这里的文档中理解这个概念。

(形成文档:)

指令具有相同的生命周期钩子集,减去特定于组件内容和视图的钩子。

指令和组件实例在 Angular 创建、更新和销毁它们时具有生命周期。开发人员可以通过在 Angular 核心库中实现一个或多个生命周期钩子接口来挖掘生命周期中的关键时刻

有使用上的指令熟悉的挂钩的例子在这里