Angular基本概念理解

it2022-07-01  118

一些符号的概念

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

转载于:https://www.cnblogs.com/Lulus/p/9497867.html

相关资源:数据结构—成绩单生成器

最新回复(0)