/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 vote284 views1 answer
Replace multiple elements in a list python
TypeScript
21 votes306 views2 answers
Typescript array insert
TypeScript
38 votes340 views2 answers
Npm ng.ps1 cannot be loaded because running scripts is disabled on this system grepper
TypeScript
1 vote280 views2 answers
Typescript type for jsx element
TypeScript
0 vote255 views2 answers
How to hack a roblox password
TypeScript
4 votes279 views2 answers
Command line arguments in java
TypeScript
0 vote277 views1 answer
Class-validator not working nest-typescript-starter
TypeScript
0 vote290 views1 answer
Git list all commits that changed a file
TypeScript
1 vote266 views1 answer
CREAT PANTS FOR FREE
TypeScript
0 vote284 views2 answers
How to check if a string contains only alphabets and space in java
TypeScript