Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/33.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 Angular-在模板中接收事件时如何添加类_Javascript_Angular - Fatal编程技术网

Javascript Angular-在模板中接收事件时如何添加类

Javascript Angular-在模板中接收事件时如何添加类,javascript,angular,Javascript,Angular,我想在模板中收到单击事件时添加类 我所做的是这样的: <div #myDiv (click)="myDiv.classList.add('my-class')" ></div> 但这是行不通的 我怎样才能让它工作?谢谢您可以执行以下操作: <div [ngClass]="classStr" (click)="classStr='my-class'"> <

我想在模板中收到单击事件时添加类

我所做的是这样的:

<div
      #myDiv
      (click)="myDiv.classList.add('my-class')"
></div>

但这是行不通的


我怎样才能让它工作?谢谢

您可以执行以下操作:

<div [ngClass]="classStr"
      (click)="classStr='my-class'">
</div>

这回答了你的问题吗?我想在html模板中执行代码。不在组件脚本内所以没有办法绕过在组件内添加代码?不,今天不可能,为什么这对您来说是个问题?
<div [ngClass]="classStr"
   (click)="classStr = classStr === 'my-class' ? '' : 'my-class' ">
</div>