gpt4 book ai didi

angular - 如何为 *ngFor angular 中的项目创建不同的模板引用变量

转载 作者:行者123 更新时间:2023-12-05 07:37:59 26 4
gpt4 key购买 nike

<分区>

我有一个按钮属性列表,我希望按钮具有不同的模板引用变量,但我使用 *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>

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com