Angular基本概念理解

一些符號的概念

#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-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);
    }
}
相關文章
相關標籤/搜索