Как отобразить formGroup, когда я использую formArray

Я хочу, чтобы моя форма имела группу форм, но сейчас моя группа форм покрыта массивом форм.

Ц файл:

donationItemForm = new FormArray<FormGroup<DonationItemForm>>([]);

HTML-файл:

<form [formGroup] = "donationItemForm">

Ошибка заключается в следующем:

Type FormArray<FormGroup<DonationItemForm>> is not assignable to type FormGroup
Type FormArray<FormGroup<DonationItemForm>> is not assignable to type FormGroup<any>

Я пробовал использовать formArrayName, но все равно не получилось.

Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest
В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...
Angular и React для вашего проекта веб-разработки?
Angular и React для вашего проекта веб-разработки?
Когда дело доходит до веб-разработки, выбор правильного front-end фреймворка имеет решающее значение. Angular и React - два самых популярных...
Эпизод 23/17: Twitter Space о будущем Angular, Tiny Conf
Эпизод 23/17: Twitter Space о будущем Angular, Tiny Conf
Мы провели Twitter Space, обсудив несколько проблем, связанных с последними дополнениями в Angular. Также прошла Angular Tiny Conf с 25 докладами.
Угловой продивер
Угловой продивер
Оригинал этой статьи на турецком языке. ChatGPT используется только для перевода на английский язык.
Мое недавнее углубление в Angular
Мое недавнее углубление в Angular
Недавно я провел некоторое время, изучая фреймворк Angular, и я хотел поделиться своим опытом со всеми вами. Как человек, который любит глубоко...
Освоение Observables и Subjects в Rxjs:
Освоение Observables и Subjects в Rxjs:
Давайте начнем с основ и постепенно перейдем к более продвинутым концепциям в RxJS в Angular
3
0
53
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

В Angular 17 вы можете перебирать элементы управления formArray напрямую и НЕ использовать formGroup.

@for (group of donationItemForm.controls; track $index) {
  <div [formGroup] = "group">
    <input formControlName = "prop1"/>
    ...
  </div>
}

стекблиц

Только одна мелочь: @for требует выражения track, поэтому этот код не скомпилируется. В остальном отличное решение!

JSON Derulo 28.06.2024 10:12

Спасибо. это ответ, который я ищу

anscom ooi 28.06.2024 10:12

@JSONDerulo, спасибо за совет, только что исправил в ответе

Eliseo 28.06.2024 10:13

Другие вопросы по теме

Похожие вопросы

Настройка аутентификации Firebase в автономном Angular
Невозможно передать значение из службы в компонент
В Angular 17 попытка очистить ввод после того, как пользователь зашел на страницу с помощью кнопки «Назад», приводит к появлению некогерентных значений
TS2305: модуль @angular/core/testing не имеет экспортированного асинхронного члена
Angular 18 — фоновое изображение не отображается на мобильном устройстве, но работает в браузере и инструментах Chrome
Socketio-client вызывает «Внутреннюю ошибку сервера: страница / не отображается в течение 30 секунд» в Angular 18
Ag-grid — определение значений заголовков настраиваемых столбцов при экспорте в Excel/CSV
Автозаполнение Angular Material в версии 15.4.9 не работает
Ошибка типа: невозможно прочитать свойства неопределенного значения (чтение «ɵcmp») в Angular 18
Пользовательский интерфейс Angular Material – Как добавить проверку onBlur для флажков/переключателей?