/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

2 votes334 views1 answer
Vue\npm\vue.ps1 cannot be loaded because running scripts is disabled on this system
TypeScript
1 vote326 views1 answer
Sts getting slow while pressing control key
TypeScript
0 vote308 views1 answer
Join elements in a list with , java
TypeScript
0 vote333 views1 answer
Why touchable opacity to take width of its child
TypeScript
0 vote306 views3 answers
Babel typescript
TypeScript
0 vote338 views1 answer
Create and use constants in angularjs
TypeScript
0 vote322 views3 answers
__REDUX_DEVTOOLS_EXTENSION_COMPOSE__
TypeScript
0 vote286 views1 answer
How to add bootstrap to angular app page
TypeScript
1 vote372 views1 answer
'mat-label' is not a known element:
TypeScript
0 vote311 views1 answer
How to pass data between requests
TypeScript