/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

21 votes108 views2 answers
Voting results 2020 live
TypeScript
0 vote122 views2 answers
Ncbi datasets command-line tool
TypeScript
3 votes123 views2 answers
Conditional classes angular
TypeScript
0 vote111 views1 answer
How to make space equal between elements in a linearlayout android studio
TypeScript
1 vote117 views1 answer
Typescript dynamic key value object
TypeScript
0 vote131 views4 answers
How to implement read more and readless in angular
TypeScript
0 vote116 views1 answer
Google sheets countif two conditions
TypeScript
0 vote114 views1 answer
Ts construct signature
TypeScript
2 votes120 views1 answer
Reactive forms get value of control
TypeScript
1 vote111 views1 answer
Check if file.properties is exits android
TypeScript