Angular系列教程-第三节

2020-04-21 10:26:17 浏览数 (1)

1.ng generate指令使用 1.1缩写ng g  1.2创建类 ng generate class video/video 创建类 1.3创建组件 ng generate component video/video 创建组件

2.TS数据类型 布尔值 数字 字符串 数组 元组 枚举 空值 Null 和 Undefined

3.变量和常量 let 定义变量(var也可以定义,但是推荐使用let) const 定义常量(不允许重新赋值)

4.函数 函数定义 可选参数(参数名旁使用 ?实现可选参数的功能,可选参数放在必填参数之后) 默认参数(默认参数可传值也可不传,一般默认参数在必须参数之后,但也可以定义在默认参数之前,但此时必须明确传入undefined以获取默认值) 剩余参数(当参数个数不确定时,可以使用三个点)

5.接口和类 interface:接口只声明成员方法,不做实现 class:类声明并实现方法

6.构造方法和类方法

7.console.log使用 调试代码

8.组件使用 8.1创建组件 8.2导入组件(app.module.ts导入) 8.3列表组件实现 8.3.1模拟数据 8.3.2显示数据 8.3.3添加click事件 8.3.4详情区显示 8.3.5点击内容添加样式 8.4列表组件引入页面

9.组件生命周期 当 Angular 新建、更新和销毁它们时触发。 通过实现一个或多个 Angular core 库里定义的生命周期钩子接口,开发者可以介入该生命周期中的这些关键时刻 每个接口都有唯一的一个钩子方法,它们的名字是由接口名再加上 ng 前缀构成的。比如,OnInit 接口的钩子方法叫做 ngOnInit, Angular 在创建组件后立刻调用它

ngOnInit() 在 Angular 第一次显示数据绑定和设置指令/组件的输入属性之后,初始化指令/组件。在第一轮 ngOnChanges() 完成之后调用,只调用一次。

ngOnDestroy() 每当 Angular 每次销毁指令/组件之前调用并清扫。 在这儿反订阅可观察对象和分离事件处理器,以防内存泄漏。 在 Angular 销毁指令/组件之前调用。

0 人点赞