Как я могу динамически ссылаться на значок материала для карты подсказок материала? - PullRequest
0 голосов
/ 22 сентября 2019

Я создаю строки таблицы с * ngFor.Для некоторых студентов я хотел бы показать иконку, которая показывает карточку с подсказкой материала, когда на нее надевают.Есть ли способ, которым я могу динамически изменить # ref1?

<tr *ngFor="let student of course.students ;[routerLink]="studentUrl(student.externeDatenbankID.toString())">
    <td *ngIf="hasWarning">
        <div *ngIf="student.spezialfallProtokolle.length>0">
            <material-icon
                    icon="error_outline"
                    tooltipTarget
                    tabIndex="0"
                    keyboardOnlyFocusIndicator
                    size="medium"
                    #ref1="tooltipTarget">
            </material-icon>
            <material-tooltip-card [for]="ref1" focusContents>
               Content for {{student.name}} ...
            </material-tooltip-card>
        </div>
    </td>
</tr>

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

...