/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

5 votes243 views1 answer
Check if column exists in dataframe
TypeScript
6 votes254 views1 answer
List all anaconda env in shell
TypeScript
1 vote240 views2 answers
Docker An attempt was made to access a socket in a way forbidden by its access permissions.
TypeScript
2 votes264 views1 answer
Type 'Timeout' is not assignable to type 'number'.
TypeScript
0 vote243 views1 answer
HTML form inputs to excel spreadsheet [duplicate]
TypeScript
1 vote242 views2 answers
Typescript object key enum
TypeScript
0 vote223 views1 answer
Em is relative to its font size
TypeScript
0 vote265 views1 answer
Stop camera if it hits edge of room gml
TypeScript
30 votes250 views1 answer
The file C:\Users\user\AppData\Roaming\npm\ng.ps1 is not digitally signed. You cannot run this script on the current system. For more information about running scripts and setting execution policy, see about_Execution_Policies at
TypeScript
45 votes318 views6 answers
Typescript react app
TypeScript