/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 vote300 views1 answer
Mysql workbench an apparmor policy prevents this sender
TypeScript
9 votes292 views2 answers
React onclick typescript type
TypeScript
0 vote339 views1 answer
How to add alias to my hosts in ansible hosts
TypeScript
1 vote282 views1 answer
Python requests cookies to selenium
TypeScript
7 votes301 views1 answer
Error: "prettier/@typescript-eslint" has been merged into "prettier" in eslint-config-prettier 8.0.0
TypeScript
5 votes286 views3 answers
Typescript with nodemon
TypeScript
0 vote281 views1 answer
Sort two lists that refence each other
TypeScript
0 vote294 views1 answer
HOW TO DROP ALL TABLES WITH THEIR CONSTRAINTS AT ONCE IN ORACLE
TypeScript
2 votes291 views1 answer
.mat-dialog-container
TypeScript
5 votes273 views2 answers
Response.json results in pretty data python
TypeScript