{{too-6ren">
gpt4 book ai didi

javascript - Angular 2 模板的元素引用无法正常工作

转载 作者:行者123 更新时间:2023-12-02 14:21:35 25 4
gpt4 key购买 nike

我正在尝试使用 Angels 引用元素直接从模板操作 html p 标签文本,但出现错误

enter image description here

这是我的代码

<p>
<span *ngFor="let queuedTask of tasks">
<pomodoro-task-icons
[task]="queuedTask"
(mouseover)="tooltip.innerText = queuedTask.name"
(mouseout)="tooltip.innerText = 'text'">
</pomodoro-task-icons>
</span>
</p>
<p *ngIf="queuedPomodoros > 0" #tooltip>{{tooltip.innerText || 'Mouseover for details' }}</p>

我正在使用书中的代码,并且自己在实现中没有发现任何问题。

最佳答案

在组件中声明一个变量

p 标记中引用此变量:

 <p *ngIf="queuedPomodoros > 0">{{ variable }}</p>

更改变量的值:

  <pomodoro-task-icons
[task]="queuedTask"
(mouseover)="variable = queuedTask.name"
(mouseout)="variable = 'text'">
</pomodoro-task-icons>

关于javascript - Angular 2 模板的元素引用无法正常工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38621532/

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