angular - 将 HTML JavaScript 模板转换为 Angular 2

Question

我有一个 HTML、CSS 和 Javascript 模板。我将 HTML 和 CSS 拆分为组件，但无法将 javascript 采用 Angular。

在此模板的正文底部有很多 JavaScript。设计者假设此时所有 View 都已完全加载。但它并没有发生。如何与 Angular 采用它？

例如，我的设计师设置了所有下拉菜单事件，但在正文底部，任何下拉菜单都不存在。

Answer 1

如果我理解正确的话，你的 javascript 会在你的 DOM 完成渲染你试图更改的元素之前加载。由于我没有您的原始代码，如果这确实是问题所在，您应该研究 Angular 2 生命周期 Hook 。

https://angular.io/docs/ts/latest/guide/lifecycle-hooks.html

我会尝试将其放在您文件的顶部

import {AfterContentInit}

将其附加到您的类声明中

implements AfterContentInit

然后在此函数内运行您的 JavaScript

ngAfterContentInit()
{
// your javascript here
}