每个组件完成加载后,如何在角度2中运行jquery函数

前端之家收集整理的这篇文章主要介绍了每个组件完成加载后,如何在角度2中运行jquery函数前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我已经尝试了所有的生命周期钩子,但不能完成所需的结果。
我需要的结果是触发一个函数,该函数在加载这些元素(组件)中的每一个之后,在单个页面上初始化用于不同元素的许多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");
      });
    }

以下是一个例子:
http://plnkr.co/edit/Nq9LnK?p=preview

猜你在找的jQuery相关文章