前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Angular系列教程-第三节

Angular系列教程-第三节

作者头像
苦咖啡
发布2020-04-21 10:26:17
1.5K0
发布2020-04-21 10:26:17
举报
文章被收录于专栏:我的博客我的博客

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

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2020年4月17日,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档