视频来源：https://www.bilibili.com/video/BV1bt411e71b/?p=3
纯学习笔记，侵删。

@ ngList

1.组件里面的模板绑定数据

1.1 定义数据+绑定数据

1.1.1 publiuc可以省去，默认public;

1.1.2 建议在定义时写上数据类型：如下

两层花括号绑定数据

效果：

推荐全写 写全

1.3 声明属性的几种方式

1.4 object类型


1.6 定义不赋值，构造函数或方法中赋值
定义不赋值：（与上面例子同样位置，oonit里）

构造函数中通过this来赋值：

用法：

1.7 获取属性的值和改变属性的值
msg赋值看1.1.2图；
console在后台看 浏览器不显示

2. 模板里面绑定属性

2.1 绑定静态属性

2.2 属性来自动态数据 用中括号包起来

html中

效果

2.3 绑定html

没解析

解析方法 用innerHTML

3 模板里允许做简单的运算

4 数据循环 数组

4.1 定义数组

4.2 渲染数组 固定写法

ol有序列表

4.3 只定义类型

第二种定义方法 和上面一样

4.4 比较复杂的数组 用户列表

循环

4.5 更复杂的数组

5. 引入图片

先把图片复制到静态资源里

5.1 引入本地图片

5.2 业务逻辑定义的 渲染过

5.3 循环数据

循环数据获取索引

5.4 判断语句*ngIf

例一：


例二：

5.5 判断语句*ngSwitch例一

显示已经支付

5.6 ngClass

如果为ture那么red

还可以用后台判断

循环数组上色 也可以用ngIF

5.7 ngStyle

要加引号 不然识别成数据了
另一种用法

6. 管道

提供

改进

7 执行事件

方法与方法之间不用，逗号

获取数据

执行方法改变属性里的数据

8 表单事件 事件对象

固定写法

keyDown会慢一拍，改为KeyUP

一点变红了

9.双向数据绑定-mvvm

只针对表单

9.1 第一步：引入fromsModule/第二步 声明

9.2 使用

例：v改变 影响M

例：M改变 影响V

刷新就会出来：

你