role.component.html

<nz-modal [(nzVisible)]="isVisible" nzTitle="{{title}}" (nzOnCancel)="handleCancel()" (nzOnOk)="handleOk()">
  <form nz-form  [formGroup]="validateForm">
    <nz-form-item>
      <nz-form-label [nzSm]="6" [nzXs]="24" nzRequired nzFor="name">角色名称</nz-form-label>
      <nz-form-control [nzSm]="14" [nzXs]="24">
        <input nz-input  id="name" formControlName="name">
        <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 [nzSm]="6" [nzXs]="24" nzFor="status" nzRequired nzFor="status">是否有效</nz-form-label>
      <nz-form-control [nzSm]="14" [nzXs]="24">
        <nz-select id="status" nzPlaceHolder="选择状态" formControlName="status">
          <nz-option nzValue="0" nzLabel="有效"></nz-option>
          <nz-option nzValue="1" nzLabel="无效"></nz-option>
        </nz-select>
        <nz-form-explain *ngIf="validateForm.get('status').dirty && validateForm.get('status').errors">请选择是否有效!</nz-form-explain>
      </nz-form-control>
    </nz-form-item>
    <nz-form-item>
      <nz-form-label [nzSm]="6" [nzXs]="24"   nzRequired nzFor="comments">角色说明</nz-form-label>
      <nz-form-control [nzSm]="14" [nzXs]="24">
        <textarea id="comments" row="4" nz-input formControlName="comments"></textarea>
        <nz-form-explain *ngIf="validateForm.get('comments').dirty && validateForm.get('comments').errors">请输入角色说明!</nz-form-explain>
      </nz-form-control>
    </nz-form-item>
    <!--<nz-form-item>-->
      <!--<nz-form-label [nzSm]="6" [nzXs]="24"   >模块权限</nz-form-label>-->
      <!--<nz-form-control [nzSm]="14" [nzXs]="24">-->
        <!--<nz-select id="department"  nzPlaceHolder="所属部门">-->
        <!--</nz-select>-->
        <!--&lt;!&ndash;<nz-form-explain *ngIf="validateForm.get('gender').dirty && validateForm.get('gender').errors">Please select your gender!</nz-form-explain>&ndash;&gt;-->
      <!--</nz-form-control>-->
    <!--</nz-form-item>-->
    <!--<nz-form-item>-->
      <!--<nz-form-label [nzSm]="6" [nzXs]="24"  >资源权限</nz-form-label>-->
      <!--<nz-form-control [nzSm]="14" [nzXs]="24">-->
        <!--<nz-select id="isBoolean"  nzPlaceHolder="选择性别">-->
          <!--<nz-option nzValue="有效" nzLabel="有效"></nz-option>-->
          <!--<nz-option nzValue="无效" nzLabel="无效"></nz-option>-->
        <!--</nz-select>-->
        <!--&lt;!&ndash;<nz-form-explain *ngIf="validateForm.get('gender').dirty && validateForm.get('gender').errors">Please select your gender!</nz-form-explain>&ndash;&gt;-->
      <!--</nz-form-control>-->
    <!--</nz-form-item>-->
  </form>
</nz-modal>