Angular 4：Angular 完成渲染 HTML 后如何执行 JQuery 代码

【问题标题】：Angular 4: How to execute JQuery Code after Angular completes rendering HTMLAngular 4：Angular 完成渲染 HTML 后如何执行 JQuery 代码
【发布时间】：2017-11-25 12:48:40
【问题描述】：

我对 Angular4 很陌生，因此这个问题可能真的很愚蠢。我正在尝试做一件看似非常简单的事情，但使用角度非常困难。我正在尝试在 Angular 呈现 HTML 之后运行位于 main.js 文件的 JQuery 代码。

我已经尝试了几天，但没有任何效果，请帮助！

【问题讨论】：

可能重复：stackoverflow.com/questions/35728731/…

标签： angular

【解决方案1】：

Angular 提供了许多生命周期事件：

https://angular.io/guide/lifecycle-hooks

您可能正在寻找 AfterViewInit 事件。

import { AfterViewInit } from '@angular/core';

export class MyComponent implements AfterViewInit {
  ngAfterViewInit(){
    // do your things here
  }
}

【讨论】：

我可以使用 AfterViewInit 事件调用我在 main.js 文件中定义的自定义方法吗？如果是，怎么做？
这很难说。假设您使用的是 angular-cli（我建议您这样做），.angular-cli.json 中有 scripts 数组，您可以在其中导入 .js 文件并在项目中的任何位置访问它们。