一些符號的概念
#nzTable 模塊變量
[] 輸入(綁定值)
() 輸出(綁定事件)
補充說明:
[]是控件監控外部變化
()是監聽事件,交給外部變化內部值的權利
二者都是“監聽”,非一次性
[name]="a",a發生變化,name一直跟着改變,但是name發生變化,a不改變
總之[]寫在哪個組件,哪個組件就被動接受值;()寫在哪個組件,就是監聽哪個組件的值變化
[()] 輸入輸出
nzShowExpand是ng-zorro的指令,“指令”這個概念來自ng
正常來說也是需要加中括號的,不加中括號是沒有綁定值的省略寫法
{{用於需要代碼的地方}}
name="{{property.nameChain}}" html
[(nzFileList)]="this.dataObj[property.nameChain]" 這里本身接收代碼
[(nzFileList)]="'單引號輸入字符串'"
*ngFor = ngFor 兩種寫法
[(ngModel)] + Output/Input 和 Form是兩套內容
Output/Input示例如下:
自定義app-upload-sort
<app-upload-sort [(fileBindList)]="fileList"></app-upload-sort>
定義輸入與輸出
// 圖片輸出
@Output()
fileBindListChange = new EventEmitter();
// 初始化圖片
@Input()
public set fileBindList(v: []) {
if (v) {
this.fileList = v;
this.fileBindListChange.emit(v);
}
}