2020-11-27

Angular8.x 学习随笔

一、Angular绑定数据

1.public 共有 默认 可以在这个类使用，也可以在类外面使用

private 私有  只有当前类可以访问这个属性

protectel 保护类型  只有当前类和它的子类可以访问使用

2.数据文本绑定使用 {{}}

3.绑定HTML  

这是一个h2标签"

二、数据循环

1 *ngFor

普通循环

• {{item}}

component.ts中代码

items = ['循环1', '循环2', '循环3', '循环4', '循环5']

设置key值循环

• {{item}}----{{i}}

template循环

• 3">ngIf判断是否显示（长度小于3是显示）

  四、执行事件 (click)

  点击触发事件

  msg = "哈哈哈"

  getData() { alert('this.msg'); }

  五、双向数据绑定

  在app.module.ts 中，要引入 FormsModule

  {{inputValue}}

  六、管道

  public today = new Date();

  {{today | date: 'yy-MM-dd HH:mm:ss'}}

  七、过滤器

  currency ----货币       limit -----限制个数

  date  -----日期       lowercase -----小写

  filter ----子串匹配      uppercase  -----大写

  json  ----格式化json对象    number  -----数字

  orderBy  -----排序