/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

4 votes228 views4 answers
Array.prototype.map() expects a return value from arrow function array-callback-return
TypeScript
3 votes186 views1 answer
How to make s3 bucet objects publicj
TypeScript
7 votes219 views1 answer
Sort list of objects python
TypeScript
0 vote180 views1 answer
How to restrict alphabets in input field in angular
TypeScript
0 vote226 views1 answer
Angular calculate difference between two dates
TypeScript
0 vote192 views1 answer
Google sheets script save A RANGE to csv
TypeScript
0 vote194 views2 answers
Npm clean
TypeScript
-1 vote186 views1 answer
I comparer for lists c#
TypeScript
1 vote186 views1 answer
Did you mean 'requestFullscreen'?
TypeScript
0 vote204 views2 answers
Linux bash scripts tutorial
TypeScript