Angular 8 - FormBuilder.group 不保留数组

Question

我试图从[key:string]:any设置一个表单组，但它不保留数组，当数组有一个位置时它变成一个数字，当它有一个以上时我收到错误.

// Example
let keyList = {
    'TestArray' = [1],
    'Name' = 'John'
};
let formGroup = this.formBuilder.group(keyList);
console.log(formGroup.get('TestArray').value); // 1 instead of [1]

Answer 1

要创建值数组，您应该创建 formArray

组件.ts

 let keyList = {
    'TestArray':this.formBuilder.array([[1]]),
    'Name' : 'John'
};

let formGroup = this.formBuilder.group(keyList);
console.log(formGroup.get('TestArray').value);

Answer 2

'TestArray' = [1]表示您正在创建 formControl 而不是 formArray。 用于创建 formArray 使用formBuilder.array

const array = [1,2,3];
let keyList = {
    'TestArray' = this.formBuilder.array(array),
    'Name' = 'John'
};

请参阅创建不同类型控件的示例：-

createForm() {
    this.form = this.formBuilder.group({
      'firstName': 'MyFirstName',
      'lastName' : ['MyLastName'],
      'contact': ['99999999999', [Validators.required]],
      'agree': [true, Validators.requiredTrue],
      'hobbies': this.formBuilder.array(['reading, cooking']),
      'locations': [[], Validators.required],
    });
  }

Answer 3

尝试这个：

let keyList = {
        'TestArray' : new FormControl([1]),
        'Name' : 'John'
    };
  let formGroup = this.formBuilder.group(keyList);
  console.log(formGroup.get('TestArray').value);

你会得到的输出是这样的：

[1]
0: 1
length: 1