create-property.component.html

<!--添加资源-->
<nz-modal [nzMaskClosable]="false" [nzWidth]="880" [(nzVisible)]="modal.isVisiable" [nzTitle]="modal.title" (nzOnCancel)="handleCancel()"
          (nzOnOk)="handleOk()" [nzOkLoading]="modal.isOkLoading">
    <form nz-form [formGroup]="validateForm">
        <div nz-form class="ant-advanced-search-form form-select">
            <div nz-row [nzGutter]="24">
                <ng-container *ngFor="let control of controlArray;let i = index;">
                    <div nz-col [nzSpan]="12">
                        <nz-form-item>
                            <nz-form-label [nzRequired]="control.isRequire" [nzOffset]="i %2 == 0?2:0" [nzSpan]="8"
                                           [nzFor]="control.value">{{control.label}}</nz-form-label>
                            <nz-form-control [nzSpan]="14">
                                <ng-container *ngIf="control.type == 'input'">
                                    <input [id]="control.value" [name]="control.value" nz-input
                                           [placeholder]="control.label"
                                           [formControlName]="control.value">
                                </ng-container>
                                <ng-container *ngIf="control.type == 'textarea'">
                                <textarea nz-input [id]="control.value" [name]="control.value"
                                          [placeholder]="control.label"
                                          [formControlName]="control.value"
                                          [nzAutosize]="{ minRows: 2, maxRows: 6 }"></textarea>
                                </ng-container>
                                <ng-container *ngIf="control.type == 'date'">
                                    <nz-date-picker
                                            nzShowTime
                                            [nzFormat]="'yyyy-MM-dd'"
                                            [formControlName]="control.value"
                                            [nzPlaceHolder]="control.label"></nz-date-picker>
                                </ng-container>
                                <ng-container *ngIf="control.type == 'select'">
                                    <ng-container *ngIf="control.value == 'classification'">
                                        <nz-select [nzPlaceHolder]="control.label" [(ngModel)]="classification"
                                                   (ngModelChange)="changeType($event)"
                                                   [ngModelOptions]="{standalone: true}">
                                            <nz-option *ngFor="let item of assetType" [nzValue]="item.value"
                                                       [nzLabel]="item.label"></nz-option>
                                        </nz-select>
                                    </ng-container>
                                    <ng-container *ngIf="control.value == 'parentId'">
                                        <nz-select [nzPlaceHolder]="control.label" [formControlName]="control.value">
                                            <nz-option *ngFor="let item of parentTypsList"
                                                       [nzValue]="item.value"
                                                       [nzLabel]="item.label"></nz-option>
                                        </nz-select>
                                    </ng-container>
                                    <ng-container *ngIf="control.value == 'dataTypeId'">
                                        <nz-select [nzPlaceHolder]="control.label" [formControlName]="control.value">
                                            <nz-option *ngFor="let item of dataTypeList"
                                                       [nzValue]="item.value"
                                                       [nzLabel]="item.label"></nz-option>
                                        </nz-select>
                                    </ng-container>
                                </ng-container>
                            </nz-form-control>
                        </nz-form-item>
                    </div>
                </ng-container>
            </div>
        </div>
    </form>
</nz-modal>