/TypeScript/Angular onclick toggle class

Angular onclick toggle class

// component.ts
toggleClass: boolean = false;

// component.html
<button (click)="toggleClass = !toggleClass" [ngClass]="{ 'button--grey': !toggleClass }">
  Confirm
</button>

Angular ng-click toggle class

$scope.toggle = false;


<button id="btn" ng-click="toggle = !toggle" ng-class="{'red' : toggle}">Change Class</button>

Source: stackoverflow.com

Similar codes

0 vote308 views1 answer
Nativescript display image from web
TypeScript
0 vote292 views1 answer
Common mistakes
TypeScript
0 vote314 views1 answer
O arquivo yarn.ps1 não pode ser carregado porque a execução de scripts foi desabilitada neste sistema
TypeScript
1 vote332 views1 answer
Angular reload component on route param change
TypeScript
38 votes382 views4 answers
Comments inside children section of tag should be placed inside braces
TypeScript
-1 vote345 views1 answer
Components of api request
TypeScript
2 votes312 views1 answer
MySQL cheatsheets
TypeScript
0 vote318 views2 answers
Laravel websockets pusher
TypeScript
59 votes708 views6 answers
Sum elements in list python
TypeScript
0 vote334 views1 answer
How to git pull all projects in a folder
TypeScript