Cascader级联选择的编辑实现

实现在编辑的时候将要编辑的数据显示出来。实现结果如下:

在写这个功能的时候本来项目中是有一个已完成的的类似功能的,但是当时类似的功能出问题了,错误的认为这个功能没有实现,外加对nz-form组件的不了解,导致自己又在错误的方向上重新写了一遍。
当时是参考官网想要在no-model上绑定数组来实现

<ng-container [formGroup]=”formGroup”>
<nz-cascader
[nzOptions]=”options”
[formControlName]=”controlName”
nzPlaceHolder=”请选择学生”
[(ngModel)]=”defaultValues”
>
</nz-cascader>
</ng-container>
但当后来于黄庭祥之后,发现实现方式如下,感觉到自己在实现这个功能找错方向了。

后来更正自己的代码,发现有产生新错误

查询官网发现,参数出问题了

更改参数位置发现也能实现。

总结
要多交流,借鉴别人的经验,避免重复造轮子,避免方向出错误。

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理