Angular的面试题

1.Aangular中组件之间通讯的方式

答案:Props down

1.调用子组件,经过自定义属性传值

2.子组件内部经过Input来接收属性的值

 

Events  up 

1.在父组件中定义一个有参数的方法

2.调用子组件时,绑定自定义事件和上一步方法

3.子组件内部经过Output和EventEmitter来触发事件并传值.

 

2.Angualr的八大组成部分并简单描述

答案:model是Angular开发中的基本单位,是一个容器,能够包含组件、指令、管道等

Components是可被反复使用的带有特定功能的视图

Templates  是通过指令和管道、组件等加强过的html

Bindings     结合着事件绑定   属性绑定  双向数据绑定等扩展html的功能

Directives分为结构性和属性型指令还有其余模块中好比路由模块中的指令等,

主要是加强html.

Pipes    能够对数据作一个筛选、过滤、格式化从而获得目的数据

Service  将组件、应用中的可共用的部分,好比数据或者方法等  封装成服务以方便服用

DependencyInjection  依赖注入

 

3.Angular中常见的生命周期的钩子函数?

ngOnChanges:当Angular设置其接收当前和上一个对象值的数据绑定属性时响应。

ngOnInit:在第一个ngOnChange触发器以后,初始化组件/指令。这是最经常使用的方法,

用于从后端服务检索模板的数据。

ngDoCheck：检测并在Angular上下文发生变化时执行。

每次更改检测运行时,会被调用。

ngOnDestroy:在Angular销毁指令/组件以前消除。取消订阅可观察的对象并脱离

事件处理程序,以免内存泄漏。

组件特定的hooks:

ngAfterContentInit:组件内容已初始化完成

ngAfterContentChecked:在Angular检查投影到其视图中的绑定的外部内容以后。

ngAfterViewInit:Angular建立组件的视图后。

ngAfterViewChecked：在Angular检查组件视图的绑定以后

 

4.Angular中路由的工做原理

Angular应用程序具备路由器服务的单个实例,而且每当URL改变时,相应的路由就与路由配置数组

进行匹配。在成功匹配时,它会应用重定向,此时路由器会构建ActivatedRoute对象的树,

同时包含路由器的当前状态。在重定向以前,路由器将经过运行保护(CanActivate)

来检查是否容许新的状态。Route Guard只是路由器运行来检查路由受权的接口方法。

保护运行后,它将解析路由数据并经过将所需的组件实例化到<router-outlet></router-outlet>

来激活路由器状态。

 

5.解释rjx在Angular中的使用场景

Rxjs是在微软所提供的一种的异步处理数据的方式,在Angular中处理网络通讯时用到了。

建立一个Observable并subsribe

好比:this.http.get('').subscribe((data)=>{ })