Angular从零开始 2-基本语法,管道-数据格式转化

一. 数据绑定

(1)dom内绑定 {{ title }}

(2)属性绑定  [src]="imgsrc"

(3)事件绑定 (click)="handleClick($event)"

(4)双向绑定 [(ngModel)]="text"

(5)指令
	-属性指令 :无法改变结构，但影响样式，
		[ngClass] 数组格式  对象格式
		[ngStyle] 对象格式
		[hidden]  真 假

	-结构性指令	: 有星号，改变dom 结构， 
		*ngIf
			// <p *ngIf="isShow else notShow"></p>
			// <ng-template #notShow>
			// 	no no ........
			// </ng-template>

		*ngFor="let data of datalist;let index =index "

二 管道-数据格式化处理

1. 内置的管道

DatePipe :  | date:'y年MM月dd日 h:mm:ss '   | date:'short'
UpperCasePipe:  | uppercase
LowerCasePipe：  | lowercase
CurrencyPipe: | currency: "CHY" 
		//  https://en.wikipedia.org/wiki/ISO_4217
NumberPipe:  | number: '2.2-4'
		/*  
			
			{最少整数位数}.{最少小数位数}-{最多小数位数} 
			当小数位数少于规定的{最少小数位数}时，会自动补0 
			当小数位数多于规定的{最多小数位数}时，会四舍五入
		*/
SlicePipe：  | slice: 1 :3  截取1-3字符   

2.  管道链 ,我们可以将多个管道连接在一起，组成管道链对数据进行处理。
	// ￥ {{money |currency: "CHY" | slice:3 }}