第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

Html 使用 Angular 材料在輸入字段中獲取輸入

Html 使用 Angular 材料在輸入字段中獲取輸入

九州編程 2023-10-04 15:43:47
我正在使用 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 回答

?
忽然笑

TA貢獻1806條經(jīng)驗 獲得超5個贊

您的代碼中的問題是mat-form-field每個表單控件都有兩次,這就是它顯示的原因。我已經(jīng)把里面的東西去掉了mat-form-field,現(xiàn)在看起來還不錯。

查看完整回答
反對 回復(fù) 2023-10-04
?
千萬里不及你

TA貢獻1784條經(jīng)驗 獲得超9個贊

有一個叫做 formArray 的東西它可以解決你的問題。



查看完整回答
反對 回復(fù) 2023-10-04
  • 2 回答
  • 0 關(guān)注
  • 114 瀏覽

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號