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-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);
    }
}


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM