create-group.component.html

<nz-modal [nzMaskClosable]="false" [(nzVisible)]="isCreate" nzTitle="{{title}}" (nzOnCancel)="handleCancel()" (nzOnOk)="handleOk()" [nzOkLoading]="isOkLoading">
    <form nz-form [formGroup]="validateForm">
        <nz-form-item>
            <nz-form-label [nzSpan]="7" nzRequired nzFor="name">组名称</nz-form-label>
            <nz-form-control [nzSpan]="12">
                <input type="text" nz-input formControlName="name" placeholder="组名称">
                <nz-form-explain *ngIf="validateForm.get('name').dirty && validateForm.get('name').errors">请输入分组名称</nz-form-explain>
            </nz-form-control>
        </nz-form-item>
        <nz-form-item>
            <nz-form-label [nzSpan]="7" nzFor="groupDescribe">组描述</nz-form-label>
            <nz-form-control [nzSpan]="12">
                <textarea formControlName="groupDescribe" nz-input rows="2" placeholder="分组描述"></textarea>
            </nz-form-control>
        </nz-form-item>
    </form>
</nz-modal>