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);
}
}
学习技术最好的文档就是【官方文档】,没有之一。
还有学习资料【Microsoft Learn】、【CSharp Learn】、【My Note】。
如果,你认为阅读这篇博客让你有些收获,不妨点击一下右下角的【推荐】按钮。
如果,你希望更容易地发现我的新博客,不妨点击一下【关注】。