亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

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

獲取重復表單字段的唯一表單控件值

獲取重復表單字段的唯一表單控件值

飲歌長嘯 2023-10-14 16:43:10
簡介:我有一個反應形式。它包含兩個名為name和value 的表單字段。所以我有一個復制表單的添加按鈕。因此,如果我單擊它,表單字段名稱和值就會重復。所以我嘗試使用下面的表單字段命名值的相應輸入。我將它分配給(我的意思是 html 中的)表單字段下方的表單值。因此,當我在第一個表單中輸入值表單字段的輸入(假設為 1)時,下面的formvalues變量將更新為輸入的輸入(1)。所以現在如果我復制表單并在該值表單字段中輸入另一個輸入(比方說 2)?,F在,formvalues獲得額外值 1,2。我的問題:實際上,我在每組反應表單中都有一個彈出按鈕。因此,在該彈出窗口中會出現特定值表單字段的輸入。因此,如果我復制并在值表單字段中輸入另一個輸入,現在我單擊該特定表單的相應彈出窗口,則應顯示相應值表單字段(重復的)的輸入。但現在發生的情況是,相應值表單字段中存在的所有值都顯示為(示例:1,4,6,7)。我不知道這里真正的問題是什么,所以如果我的問題標題有誤導性,請原諒我。如果我的解釋不清楚,請在下面評論。示例代碼:https://codesandbox.io/s/formarraydynamic-forked-di1js ?file=/src/app/app.component.html注意:上述代碼鏈接的大部分是由用戶 @VimalPatel 在 stackoverflow 中完成的。我對該鏈接中編寫的代碼給予他完全的信任我無法在該沙箱代碼中安裝 boostrap,因此我制作了一個顯示按鈕而不是彈出窗口來顯示我得到的值。
查看完整描述

1 回答

?
寶慕林4294392

TA貢獻2021條經驗 獲得超8個贊

創建一個類型變量,FormGroup因為您的表單包含FormArray. 它將保存當前選定的表單。在您的按鈕中,單擊將當前表單作為參數傳遞給您的 show 方法。


<button (click)="openForm(form)">Show</button>

 

openForm(form: FormGroup) {

     this.selectedFormGroup = form;

}

在您的模板中,您可以像這樣顯示所選的表單值。


<div *ngIf="selectedFormGroup">

    {{selectedFormGroup.value | json}}

</div>

工作代碼沙盒


https://codesandbox.io/s/formarraydynamic-rqdhc?file=/src/app/app.component.html


查看完整回答
反對 回復 2023-10-14
  • 1 回答
  • 0 關注
  • 128 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號