发布时间:2017-05-15 11:35:54 文章来源:互联网
微博 微信 QQ空间
    Angular作为目前最为流行的前端框架,受到了前端开发者的普遍欢迎。不论是初学Angular的新手,还是有一定Angular开发经验的开发者,了解本文中的12个经典面试问题,都将会是一个深入了解和学习Angular2的知识概念的绝佳途径。

    在文中,我们将会接触到很多Angular2的重要概念,并附扩展阅读资料和自查小测试,供大家评估自己对Angular的了解程度。
 
    Angular经典问题及扩展阅读
 
    1、请解释Angular2应用程序的生命周期hooks是什么?
 
    Angular2组件/指令具有生命周期事件,是由@angular/core管理的。@angular/core会创建组件,渲染它,创建并呈现它的后代。当@angular/core的数据绑定属性更改时,处理就会更改,在从DOM中删除其模板之前,就会销毁掉它。Angular提供了一组生命周期hooks(特殊事件),可以被分接到生命周期中,并在需要时执行操作。构造函数会在所有生命周期事件之前执行。每个接口都有一个前缀为ng的hook方法。例如,ngOnint界面的OnInit方法,这个方法必须在组件中实现。
 
    一部分事件适用于组件/指令,而少数事件只适用于组件。
 
    ngOnChanges:当Angular设置其接收当前和上一个对象值的数据绑定属性时响应。
 
    ngOnInit:在第一个ngOnChange触发器之后,初始化组件/指令。这是最常用的方法,用于从后端服务检索模板的数据。
 
    ngDoCheck:检测并在Angular上下文发生变化时执行。每次更改检测运行时,会被调用。
 
    ngOnDestroy:在Angular销毁指令/组件之前清除。取消订阅可观察的对象并脱离事件处理程序,以避免内存泄漏。
 
    组件特定hooks:
 
    ngAfterContentInit:组件内容已初始化完成
 
    ngAfterContentChecked:在Angular检查投影到其视图中的绑定的外部内容之后。
 
    ngAfterViewInit:Angular创建组件的视图后。

另一视角

换一换