<分区>
我有一个按钮属性列表,我希望按钮具有不同的模板引用变量,但我使用 *ngFor 渲染它们。如何将引用变量设置为#button1、#button2 等。我需要将模板引用变量设置为该按钮的 ToolTipDirective。
为什么我需要这样做:按钮的工具提示在 Firefox 中不可访问(使用 TAB 时不显示工具提示)。所以,要显示工具提示,我需要按钮为:<button #button1=bs-tooltip (focus)="button1.toggle()" (blur)="button1.toggle()" [tooltip]=button.tooltip" >{{button.text}}</button>
.使用相同的模板引用变量会产生一个问题,即当焦点位于另一个按钮上时会显示一个按钮的工具提示(两个工具提示都会显示,但应该只显示一个)。
代码:
<li *ngFor="let button of buttons">
<button #button1=bs-tooltip (focus)="onFocus(button1) [tooltip]=button.tooltip" >{{button.text}}</button> --> how can I set #button1?
</li>