美文网首页
angularjs2.0 指令和组件变化检测和生命周期钩

angularjs2.0 指令和组件变化检测和生命周期钩

作者: 浮夸丶小强 | 来源:发表于2017-02-23 15:49 被阅读43次

<ol>
<li><b>constructor(myService: MyService, ...) { ... }</b>
在任何其他生命周期钩前,该类构造函数被调用。用它来注入依赖关系,为了避免任何发生错误。</li>
<li><b>ngOnChanges(changeRecord) { ... }</b>
更改任何输入属性之后调用和在内容处理或者子视图之前调用</li>
<li><b>ngOnInit() { ... }</b>
构造函数之后调用,初始化输入属性时调用,调用一次ngOnChanges。</li>
<li><b>ngDoCheck() { ... }</b>
每次校验组件或者指令的输入属性是调用。使用它来执行一个自定义校验来扩展更改默认校验。</li>
<li><b>ngAfterContentInit() { ... }</b>
当组件或指令的内容已经被初始化ngOnInit后调用。</li>
<li><b>ngAfterContentChecked() { ... }</b>
当组件或指令的内容校验后调用</li>
<li><b>ngAfterViewInit() { ... }</b>
当组件的视图已初始化,ngaftercontentinit方法后调用。仅适用于组件。</li>
<li><b>ngAfterViewChecked() { ... }</b>
当组件的视图校验完成后调用。仅适用于组件。</li>
<li><b>ngOnDestroy() { ... }</b>
在组件销毁之前调用一次。</li>
</ol>

相关文章

  • angularjs2.0 指令和组件变化检测和生命周期钩

    constructor(myService: MyService, ...) { ... } 在任何其他生命周期钩...

  • Angular2 生命周期

    组件生命周期钩子 指令和组件的实例有一个生命周期:新建、更新和销毁。 每个接口都有唯一的一个钩子方法,它们的名字是...

  • Angular2 的生命周期

    组件的生命周期 指令和组件的实例有一个生命周期分别是:新建、更新和销毁。每个接口都有唯一的一个钩子方法,它们的名字...

  • Angular2 -- 生命周期钩子

    组件生命周期钩子 指令和组件的实例有一个生命周期:新建、更新和销毁。每个接口都有唯一的一个钩子方法,它们的名字是由...

  • 前端:Angular框架和Ionic框架的生命周期详解

    一、angular 生命周期钩子 ngOnInit()在Angular第一次显示数据绑定和设置指令/组件的输入属性...

  • 二、Lifecycle

    使用生命周期感知组件处理生命周期 生命周期感知组件可以在其他组件(例如 activity 和 fragment)的...

  • Vue的学习1

    1把基础学好2把教程看到「自定义指令」3响应式机制和组件生命周期是重点4学习 vue-router 和 vuex5...

  • angular 知识点总结

    一、生命周期 指令与组件共有的钩子 ngOnChanges ngOnInit ngDoCheck ngOnDest...

  • Vue.js 中被低估的一个特性,看完后该去重构代码了

    Vue.js 有很多强大和方便的功能特性,比如数据绑定和监听、组件生命周期钩子、各种内置模板指令等。 但我今天要说...

  • 指令

    分类 组件:带有模版的指令 属性型指令:更改元素、组件或其他指令的外观或行为的指令。 结构型指令:通过添加和删除 ...

网友评论

      本文标题:angularjs2.0 指令和组件变化检测和生命周期钩

      本文链接:https://www.haomeiwen.com/subject/fadbwttx.html