/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

9 votes142 views2 answers
Open and append to file python if exists if not create
TypeScript
0 vote145 views1 answer
Property 'breakpoints' does not exist on type 'DefaultTheme'.ts(2339)
TypeScript
1 vote111 views1 answer
Return the Objects Keys and Values
TypeScript
0 vote108 views1 answer
Pptxgenjs table
TypeScript
0 vote119 views1 answer
Typescript Method Comments
TypeScript
0 vote107 views1 answer
Module '"@angular/fire/firestore"' has no exported member 'AngularFirestoreCollection'
TypeScript
0 vote104 views3 answers
SocketException: An attempt was made to access a socket in a way forbidden by its access permissions. in core 6.0
TypeScript
7 votes122 views3 answers
Convert double list to single list python
TypeScript
0 vote125 views1 answer
Test coverage techniques
TypeScript
22 votes100 views3 answers
Typescript cast string to number
TypeScript