将HTML JavaScript模板转换为angular 2

Question

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

在此模板的底部有很多JavaScript。设计人员假定此时所有视图均已完全加载。但是这没有发生。如何用角度来采用它？

例如，我的设计师设置了所有dropdowns事件，但是在主体底部，没有任何dropdown。

Answer 1

如果我正确理解了您的信息，那么您的javascript会在DOM完成呈现您要更改的元素之前加载。由于我没有您的原始代码，如果确实是这个问题，那么您应该研究Angular 2生命周期挂钩。

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

import {AfterContentInit}

将此附加到您的类声明中

implements AfterContentInit

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

ngAfterContentInit()
{
// your javascript here
}