angular nz-form-item-requied动态
时间: 2023-12-09 15:05:44 浏览: 281
nz-form-item-requied 是 Ant Design of Angular 中的一个指令,用于表示表单项是否必填。如果表单项为必填项,则该指令会在表单项后面添加一个红色的星号。要动态设置表单项是否为必填项,可以使用 ngIf 指令来控制 nz-form-item-requied 的显示。
例如,如果有一个表单项叫做 name,可以这样设置:
```
<div nz-form-item nz-row>
<div nz-form-label nz-col [nzSpan]="6">
<label for="name">Name</label>
</div>
<div nz-form-control nz-col [nzSpan]="14" [nzErrorTip]="nameError">
<input id="name" type="text" nz-input [(ngModel)]="name" name="name" required>
<ng-container *ngIf="nameInput?.errors?.required">
<span nz-form-item-required>*</span>
</ng-container>
</div>
</div>
```
这里使用了 ngIf 来判断表单项是否为必填项,如果是,则显示 nz-form-item-requied 指令,否则不显示。同时,在 input 元素中设置了 required 属性,用于浏览器原生的表单验证。
当然,上面的示例只是一种实现方式,具体实现还需要根据实际情况进行调整。
阅读全文