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

    }

}

巴特西

Angular基本概念理解

一些符号的概念

[(ngModel)] + Output/Input 和 Form是两套内容

最新文章

热门文章