/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

6 votes191 views2 answers
Check all running ports ubuntu
TypeScript
-1 vote147 views1 answer
Javascrpit password
TypeScript
0 vote145 views1 answer
.htaccess Forcing scripts to display as source code
TypeScript
0 vote136 views1 answer
How to display dotted line betweens 2 series point in high charts react native
TypeScript
0 vote144 views1 answer
Sort two lists that refence each other
TypeScript
0 vote139 views1 answer
Typescript annotate return type
TypeScript
19 votes164 views3 answers
Set default route angular
TypeScript
7 votes165 views2 answers
Pandas read csv check if column exists
TypeScript
1 vote160 views1 answer
How to find the two parts of a vector 2 C++
TypeScript
9 votes145 views3 answers
Typescript onclick event type props
TypeScript