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