表單中的Angular2訪問值

Question

我在從表單獲取ID時遇到問題。

this.myForm看起來像這樣@Input（）public myForm：FormGroup;

它是另一個.ts文件的輸入

這是表格的結構：
myForm會
- 名字
- 姓
-電子郵件
-標簽（FormArray）
--- id（FormGroup）

我想訪問id並用一個用戶的所有標簽填充this.selectedTagList，這就是我想要做的：

const control: FormArray = <FormArray>this.myForm.controls[ 'tags' ];
control.controls.forEach(tag=> {
this.selectedTagList.push(this.tagList.find(tag.value.id));
});

如果我console.log（this.myForm）我得到這個結構：

console.log（control.controls），上面代碼中的“控件”：

但是當我執行console.log（control.controls.length）時，我將獲得0。或者當我執行console.log（control.controls [0]）時，我將變得不確定。

我不知道FormGroup對象去了哪里，或者為什么它說其中有4個FormGroup對象的Array [0]。

Answer 1

試試console.log（this.myForm.controls ['id']）;

Answer 2

像約翰所說的那樣嘗試，您擁有的不是數字索引數組，但是您有一個帶有命名索引的對象（如關聯數組）。

在JavaScript中，數組使用編號索引。 在JavaScript中，對象使用命名索引。名稱索引與關聯數組相同。

有關更多信息，請參見： https : //www.w3schools.com/js/js_arrays.asp