/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

1 vote218 views1 answer
How to insert subscript in plots in r
TypeScript
0 vote190 views1 answer
Tolowercase typescript
TypeScript
3 votes205 views1 answer
Adonis validator opcional
TypeScript
1 vote197 views1 answer
> [email protected] start > react-scripts start sh: react-scripts: command not found
TypeScript
0 vote284 views1 answer
Typescript add one month to date
TypeScript
0 vote199 views1 answer
Ts number addition is concatenating like strings
TypeScript
3 votes219 views1 answer
Google chrome extensions content scripts matches
TypeScript
1 vote208 views1 answer
Typescript switch test per case
TypeScript
2 votes198 views1 answer
Enum usage typescript
TypeScript
0 vote228 views1 answer
'`pydot` failed to call GraphViz.' OSError: `pydot` failed to call GraphViz.Please install GraphViz (https://www.graphviz.org/) and ensure that its executables are in the $PATH.
TypeScript