我已经对这个主题进行了一些研究,并找到了需要用于打字稿的库的类型.我努力寻找的是使用示例,比如在角度2应用程序中的
jquery.
这里有一些问题:
1)在哪里编写他的jQuery代码,是在类的内部还是在该类的内部构造函数中?
2)我们是否需要在任何时候使用document.ready包装jQuery代码?即如果我们在构造函数中编写代码,它是否在此事件之后运行?
例1
export class MyApp { constructor() { $('.mydiv').hide(); } }
例2
export class MyApp { constructor() { } $('.mydiv').hide(); }
例3
export class MyApp { constructor() { } $( document ).ready(function() { $('.mydiv').hide(); } }
解决方法
理想情况下,您应该等到组件内容初始化,以便使DOM可用于您应用jQuery.为此你需要使用
hook of angular2 lifecycle之一的AfterViewInit.
您需要在类上实现AfterViewInit并编写add ngAfterViewInit方法以在组件内容准备好时获取通知.
import { AfterViewInit } from 'angular2/core'; export class MyApp implements AfterViewInit { constructor() { } ngAfterViewInit(){ //here you will have code where component content is ready. $('.mydiv').hide(); } }
原文地址:https://www.jb51.cc/jquery/158834.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。