我已经尝试了所有的生命周期钩子,但不能完成所需的结果。
我需要的结果是触发一个函数,该函数在加载这些元素(组件)中的每一个之后,在单个页面上初始化用于不同元素的许多jQuery插件。
我需要的结果是触发一个函数,该函数在加载这些元素(组件)中的每一个之后,在单个页面上初始化用于不同元素的许多jQuery插件。
所以我们说你有这个结构。
主页
滑块
小工具
产品旋转器
..等等
这些元素中的每一个都具有自己的组件,并且都是主页父组件的子项。
解决方法
您将要使用“ngAfterViewInit”生命周期钩子,通过导入AfterViewInit(
https://angular.io/docs/ts/latest/guide/lifecycle-hooks.html#!#afterview)。您可以使用它,如下所示:
安装:
tsd install jquery --save
要么
typings install dt~jquery --global --save
利用:
import { Component,AfterViewInit } from '@angular/core'; declare var $:JQueryStatic; ngAfterViewInit() { $( document ).ready(function() { console.log("jQuery is ready"); }); }