解决ng-zorro cascade组件 placeholder 覆盖问题。

最新推荐文章于 2023-02-16 22:49:35 发布

音乐宇

最新推荐文章于 2023-02-16 22:49:35 发布

阅读量351

点赞数 1

分类专栏： Angular 文章标签： javascript

本文链接：https://blog.csdn.net/yinyueyu007/article/details/123993348

版权

Angular 专栏收录该内容

27 篇文章 0 订阅

订阅专栏

解决ng-zorro cascade组件 placeholder 覆盖问题。
在这里插入图片描述
Html

	<nz-cascader
		nzChangeOnSelect
		nzPlaceHolder="{{ 'OPERATING.PLEASE_SELECT' | translate }}"
		[formControlName]="'name'"
		[nzOptions]="nzOptions"
		[nzValueProperty]="'key'"
		[(ngModel)]="currentGroupId"
		[nzExpandTrigger]="'hover'"
		(ngModelChange)="onGroupChanges($event)"
	></nz-cascader>

	form!: FormGroup;

	constructor(private fb: FormBuilder) {
		this.form = this.fb.group({
			name: [null, Validators.required]
		});
	}
	
	onGroupChanges(event): void {
		this.form.reset();
	}