![](/img/trans.png)
[英]Angular2 - Check if a new class added to the directive with @HostListener
[英]Active class in Angular with hostlistener
如何删除 li 标签上的活动 class? 我有一个代码在 li 标签上添加了一个活动 class 但我无法删除这个活动 class
@Directive({
selector: '[appHome]'
})
export class HomeDirective{
ref!: ElementRef;
@HostBinding('class.active')isActive=false;
@HostListener('click')onClick(){
if(!this.isActive){
this.isActive=true;
return;
}
}
<p appHome> {{wd.titleName}}</p>
<!-- <span class="line-performance"></span> -->
</li>
</ul>
我认为您正在寻找的是切换行为。 如果是这样替换以下
if(!this.isActive){
this.isActive=true;
return;
}
和
this.isActive = !this.isActive;
如果要有条件地添加活动 class 可以在列表项上使用ngClass
,如下所示
<li [ngClass]="{'active' : isActive == true}">List Item</li>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.