/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

2 votes174 views1 answer
Google reference static
TypeScript
0 vote188 views1 answer
Ts compile command
TypeScript
0 vote220 views1 answer
Linux shell loop through all inputs except last
TypeScript
1 vote189 views1 answer
Serenity Criteria typescript
TypeScript
0 vote302 views1 answer
Check in Recat if an url is of image or video
TypeScript
10 votes185 views3 answers
Usage typescript in react native
TypeScript
0 vote179 views1 answer
Convert given seconds to space age on all planets of our solar system
TypeScript
0 vote183 views2 answers
Benefits of matching in functional programming
TypeScript
0 vote193 views1 answer
Do you use data structures in your current automation project
TypeScript
1 vote178 views1 answer
"mat-chip-list" is not a known element:
TypeScript