/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 vote287 views1 answer
Combine results from two columns in ms sql
TypeScript
0 vote394 views1 answer
Marine traffic embeeded map in basic html
TypeScript
2 votes320 views1 answer
State in react typescript
TypeScript
1 vote316 views1 answer
How do you generate test data
TypeScript
0 vote297 views1 answer
Queryselectorall of multiple tags
TypeScript
0 vote313 views1 answer
<edit-config> changes in this plugin conflicts with <edit-config> changes in config.xml. Conflicts must be resolved before plugin can be added
TypeScript
2 votes285 views1 answer
Subtracting two date objects in javacript
TypeScript
9 votes299 views1 answer
How to print list letters without commas in python
TypeScript
0 vote287 views1 answer
Regex match round brackets contains any characters
TypeScript
1 vote311 views2 answers
Typescript global variable
TypeScript