莫方教程网

专业程序员编程教程与实战案例分享

前端工程师常见面试题(前端进阶)——Angular 框架

Angular 中组件之间通信的方式

参考回答:

Props down

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

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

Events up

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

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

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

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

参考回答:

model 是 Angular 开发中的基本单位,是一个容器,可以包含组件 、指令 、管道等 Components 是可被反复使用的带有特定功能的视图

Templates 是经过指令和管道 、组件等增强过的html

Bindings 结合着事件绑定 属性绑定 双向数据绑定等扩展 html 的功能 Directives 分为结构性和属性型指令还有其他模块中比如路由模块中的指令等, 主要是增强html.

Pipes 可以对数据做一个筛选 、过滤 、格式化从而得到目的数据

Service 将组件 、应用中的可共用的部分, 比如数据或者方法等 封装成服务以方便服用 DependencyInjection 依赖注入。

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

参考回答:

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

ngOnInit:在第一个 ngOnChange 触发器之后,初始化组件/指令 。这是最常用的方法, 用于从后端服务检索模板的数据。

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

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

ngOnDestroy:在 Angular 销毁指令/组件之前消除 。取消订阅可观察的对象并脱离 事件处理程序, 以避免内存泄漏 。 组件特定的hooks: ngAfterContentInit:组件内容已初始化完成

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

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

nAfterViewChecked: Angular查组图

Angular 中路由的工作原理

参考回答:

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

进行匹配 。在成功匹配时,它会应用重定向,此时路由器会构建 ActivatedRoute 对象的树, 同时包含路由器的当前状态 。在重定向之前,路由器将通过运行保护(CanActivate)

来检查是否允许新的状态 。Route Guard 只是路由器运行来检查路由授权的接口方法。 保护运行后,它将解析路由数据并通过将所需的组件实例化到

<router-outlet></router-outlet>

来激活路由器状态。

解释 rjx 在 Angular 中的使用场景

参考回答:

Rxjs 是在微软所提供的一种的异步处理数据的方式,在 Angular 中处理网络通信时用到了。 创建一个 Observable 并 subsribe

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

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言