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