我正在使用 Angular Material 組件庫開發(fā) Angular 項目。我正在制作一個具有多個字段的表單,并且一切正常,除了它看起來有點有趣:這里應(yīng)該發(fā)生的是,用戶選擇他想要的多個文件,并生成一定數(shù)量的字段(在本例中為 2),用戶填寫輸入字段并提交。由于某種原因,我的輸入字段內(nèi)有一個輸入字段,我無法弄清楚我缺少什么。我能夠正確地從輸入字段獲取數(shù)據(jù),表單工作正常,我只是不想在字段中包含字段。HTML:? ? ? ? <div class="config-wrapper">? ? ? ? ? ? <mat-form-field id="config-field">? ? ? ? ? ? ? ? <div>? ? ? ? ? ? ? ? ? ? <mat-label>Number of configuration files</mat-label>? ? ? ? ? ? ? ? </div>? ? ? ? ? ? ? ? <mat-select formControlName="numberOfConfigPaths" (selectionChange)="onConfigChange($event)"? ? ? ? ? ? ? ? ? ? [ngClass]="{ 'is-invalid': isSubmitted && formControls.numberOfConfigPaths.errors }">? ? ? ? ? ? ? ? ? ? <option value=""></option>? ? ? ? ? ? ? ? ? ? <mat-option *ngFor="let number of configNumber" [value]="number.value">{{number.value}}</mat-option>? ? ? ? ? ? ? ? </mat-select>? ? ? ? ? ? </mat-form-field>? ? ? ? ? ? <button type="button" mat-icon-button aria-label="Configuration path folder open" id="config-path-button"? ? ? ? ? ? ? ? (click)="openConfigDialog();">? ? ? ? ? ? ? ? <mat-icon>folder_open</mat-icon>? ? ? ? ? ? </button>? ? ? ? </div>? ? ? ? <div *ngIf="isSubmitted && formControls.numberOfConfigPaths.errors" class="invalid-feedback">? ? ? ? ? ? <div *ngIf="formControls.numberOfConfigPaths.errors.required">? ? ? ? ? ? ? ? Number of configuration files is required? ? ? ? ? ? </div>? ? ? ? </div>在調(diào)試時,我嘗試隔離該字段并使其僅顯示 1 個字段(只是將元素復(fù)制到其他位置)并且工作正常,但我需要使其顯示多個字段。我一直在尋找解決方案。如果您需要任何其他信息,我會回復(fù)。
- 2 回答
- 0 關(guān)注
- 114 瀏覽
添加回答
舉報
0/150
提交
取消