我正在使用Angular 11，并且在我的component.html文件中有一个图标：
<i class="fa fa-eye" aria-hidden="true"></i>
我需要做的是在单击该类时切换该类。
我需要在以下之间切换：
<i class="fa fa-eye aria-hidden="true"></i>
和
<i class="fa fa-eye-slash aria-hidden="true"></i>
我怎样才能做到这一点？
.ts文件：
@Component
export class YourComponent extends ... {
toggle:boolean = false; // add any public variable
}
.html文件：
<i [ngClass]="toggle ? 'fa-eye' : 'fa-eye-slash'" class="fa" aria-hidden="true"
(click)="toggle = !toggle"></i>
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句