Форма цикла цикла с проверкой

Question

У меня есть список адресов доставки с использованием массива форм, но изначально я должен показывать каждый адрес доставки, когда пользователь нажимает на конкретный адрес доставки, появляется всплывающее окно, а затем заполнять каждое поле, если поле недействительно, я должен показывать символ ошибки на конкретном адресе доставки , Здесь я не знаю, как отправить каждый адрес доставки во всплывающее окно. Вы можете увидеть здесь полный рабочий пример

https://stackblitz.com/edit/angular-r4jruv?file=app%2Fapp.component.html

Я пытался отправить каждую форму с событием клика, как это, но я не знаю, как обрабатывать и отображать как форму

<form [formGroup]="myForm">

        <div formArrayName="addresses" >
            <div *ngFor="let address of myForm.controls.addresses.controls; let i=index" class="panel panel-default">

                <div [formGroupName]="i" class="myform">
         <span (click)="test(address)"> Delivery address {{i+1}}</span>
                </div><br><br>
            </div>
        </div>
    </form>

Но я хочу сделать что-то вроде этого:

Если вы видите на этом рисунке, у меня есть весь список адресов доставки, которые пользователь может выбрать из выпадающего списка, когда пользователь нажимает на конкретный адрес, он должен показать форму, а затем подтвердить, если это действительно так, я должен удалить символ ошибки, в противном случае я должен сохранить символ .

Этого сложно достичь. Пожалуйста, помогите мне решить эту проблему.

Answer 1

Попробуйте добавить свойство isValid в модель myForm.controls.addresses.controls, тогда у вас есть свойство, которое нужно изменить для каждого элемента адреса. Очевидно, вы должны выполнить проверку, чтобы показать или скрыть текст проверки или значок ошибки.