Как сделать массив nzPopover Dynami c в angular - PullRequest
Новая
       13

Как сделать массив nzPopover Dynami c в angular

0 голосов
/ 12 марта 2020

вот код: 

 <span class="info">
                          <button nz-button nzType="link" nzSize="default" nzShape="circle" nz-popover nzTitle="Location Detail"
                            (nzVisibleChange)="change($event)" nzTrigger="click" [nzContent]="locationInfo" nzPlacement="topRight">
                            <i nz-icon nzType="info-circle" nzTheme="outline"></i>
                          </button>
                        </span>
                        <ng-template #locationInfo>
                            <div nz-row>
                              <div nz-col nzSpan="12">Location Code</div>
                              <div nz-col nzSpan="12">
                                <label [textContent]="data.locationCode"></label>
                              </div>
                            </div>
                          <div nz-row>
                            <div nz-col nzSpan="12">Device Code</div>
                            <div nz-col nzSpan="12">
                              <label [textContent]="data.deviceCode"></label>
                            </div>
                          </div>
                        </ng-template>

У меня есть ngFor и я пытаюсь применить nzPopover.

Основная проблема - когда я нажимаю на местоположение 2, оно показывает детали местоположения 1, даже я нажимаю на местоположение 3. Это то же самое.

Я хочу сделать это динамически c. например есть 3 записи данных. это местоположение 1, местоположение 2 и местоположение 3. каждый раз, когда я нажимаю кнопку, на ней отображаются текущие детали, на которые я нажимаю.

пример Я нажимаю на местоположение 2, затем в ng-шаблоне должно отображаться деталь местоположения 2, если я нажму на местоположение 1, оно покажет детали местоположения 1.

...