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

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

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

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

九州編程 2023-10-04 15:43:47
我正在使用 Angular Material 組件庫開發(fā) Angular 項(xiàng)目。我正在制作一個(gè)具有多個(gè)字段的表單,并且一切正常,除了它看起來有點(diǎn)有趣:這里應(yīng)該發(fā)生的是,用戶選擇他想要的多個(gè)文件,并生成一定數(shù)量的字段(在本例中為 2),用戶填寫輸入字段并提交。由于某種原因,我的輸入字段內(nèi)有一個(gè)輸入字段,我無法弄清楚我缺少什么。我能夠正確地從輸入字段獲取數(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)試時(shí),我嘗試隔離該字段并使其僅顯示 1 個(gè)字段(只是將元素復(fù)制到其他位置)并且工作正常,但我需要使其顯示多個(gè)字段。我一直在尋找解決方案。如果您需要任何其他信息,我會回復(fù)。
查看完整描述

2 回答

?
忽然笑

TA貢獻(xiàn)1806條經(jīng)驗(yàn) 獲得超5個(gè)贊

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

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

TA貢獻(xiàn)1784條經(jīng)驗(yàn) 獲得超9個(gè)贊

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



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

添加回答

舉報(bào)

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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