Angular系列教程-第三节

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 销毁指令/组件之前调用。

Tagged . Bookmark the permalink.

Comments are closed.