Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/31.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 从激活到非激活的清除/重置过滤器打开按钮-角度_Javascript_Angular_Typescript - Fatal编程技术网

Javascript 从激活到非激活的清除/重置过滤器打开按钮-角度

Javascript 从激活到非激活的清除/重置过滤器打开按钮-角度,javascript,angular,typescript,Javascript,Angular,Typescript,我在一堆按钮上有一个过滤器,它们最初是活动的,因此我通过[class.active]应用一个活动类 我在按钮的标签上引入了“clear all”选项,从本质上删除了所有按钮上的所有活动类。单击处理程序有一个clearContactMethod()处理程序,负责清除实际数据。因此,它只是删除了css类“active”。我添加了另一个的点击处理程序!将entry.isContactMethodActive添加到标签,尝试将active设置为false。但这没有任何作用 我喜欢在不调用.ts文件的情况

我在一堆按钮上有一个过滤器,它们最初是活动的,因此我通过
[class.active]
应用一个活动类

我在按钮的标签上引入了“clear all”选项,从本质上删除了所有按钮上的所有活动类。单击处理程序有一个
clearContactMethod()
处理程序,负责清除实际数据。因此,它只是删除了css类“active”。我添加了另一个
的点击处理程序!将entry.isContactMethodActive
添加到标签,尝试将active设置为false。但这没有任何作用

我喜欢在不调用.ts文件的情况下添加活动类的方法,所以我想知道是否可以在组件级别处理这个问题

<label for="contactMethod">Contact method <small (click)="clearContactMethods(); !entry.isContactMethodActive">(Clear all)</small></label>

<button [class.active]="!entry.isContactMethodActive"
      (click)="toggle(entry.contactMethod); entry.isContactMethodActive = !entry.isContactMethodActive" type="button" *ngFor="let entry of contactLog | contactMethodFilter">{{entry.contactMethod}}</button>
联系方式(全部清除)
{{entry.contactMethod}

这个点击处理程序的第二部分似乎没有做任何事情,而它可能应该做分配:

(click)="clearContactMethods(); !entry.isContactMethodActive" 
也许应该是这样

(click)="clearContactMethods(); entry.isContactMethodActive = !entry.isContactMethodActive"

这个点击处理程序的第二部分似乎没有做任何事情,当它可能应该做分配时:

(click)="clearContactMethods(); !entry.isContactMethodActive" 
也许应该是这样

(click)="clearContactMethods(); entry.isContactMethodActive = !entry.isContactMethodActive"

是的,我以前试过,但没有做任何不幸的事。你也把它添加到标签上了吗?是的,我以前试过,但没有做任何不幸的事。你也把它添加到标签上了吗?