1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > Angular实战记录---Ant Design自定义Modal页脚

Angular实战记录---Ant Design自定义Modal页脚

时间:2018-08-17 21:25:09

相关推荐

Angular实战记录---Ant Design自定义Modal页脚

背景

在Modal中设置了表单,通过Modal的OK按钮提交表单。但在提交表单之前会对表单内容进行检查,检查通过才允许提交,不通过的话则需要禁用OK按钮,用户要么修改表单内容使之合格,否则只能舍弃表单内容直接关闭模态框。

Angular+AntDesign之Modal

使用自定义的页脚按钮,当不符合提交时OK按钮进入 disabled状态,符合则可用。

<nz-modal[(nzVisible)]="isVisible"nzTitle="Edit Table"···[nzFooter]="modalFooter"><div>***Other content***<div>···<ng-template #modalFooter><button nz-button nzType="default" (click)="handleCancel()">Cancel</button><button nz-button nzType="primary" (click)="handleOk()" [disabled]="!this.qualified">Ok</button></ng-template>···</nz-modal>

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。