Angular - Html Входное значение [Объект Объект]

Question

у меня есть реактивная форма, у которой есть один элемент управления со следующим значением:

this.form = this.fb.group({
  assetNum: [{'id': 1, 'value': 'Test'}]
});

Как я могу получить значение в поле ввода?

<input type="text" formControlName="assetNum" />

, потому что все, что я получаю is: [Object Object]

Спасибо.

Answer 1

Ваш FormBuilder указывает на создание FormGroup, которая принимает коллекцию дочерних элементов управления. Вы указываете имя элемента управления в качестве ключа, в вашем случае - assetNum, а значение - в виде массива, в котором вы можете указать formState, а затем при желании и валидаторы или асинхронные валидаторы c.

// formState: any;
// validatorOrOpts: ValidatorFn | AbstractControlOptions | ValidatorFn[]
// asyncValidators: AsyncValidatorFn | AsyncValidatorFn[]

this.form = this.fb.group({
  controlName: [formState, validatorOrOpts?, asyncValidators?]
})

Ваше поле ввода текста не может принять объект как formState (значение). Чтобы получить значение поля ввода для отображения «Тест», вам необходимо построить форму следующим образом:

this.form = this.fb.group({
  assetNum: ['Test']
})