/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 votes277 views1 answer
Ts date format dd/mm/yyyy
TypeScript
0 vote271 views1 answer
React hooks typescript function return and receive
TypeScript
0 vote300 views4 answers
How to sort a list of lists in python
TypeScript
0 vote255 views1 answer
Computed vue typescript
TypeScript
1 vote273 views1 answer
Import on save typescript
TypeScript
1 vote269 views2 answers
Css permit tabs on textarea react
TypeScript
0 vote283 views1 answer
Minuts bwtewwn two date laravel
TypeScript
0 vote275 views1 answer
'create' is deprecated
TypeScript
0 vote273 views1 answer
(!) Plugin typescript: @rollup/plugin-typescript TS2307: Cannot find module './App.svelte' or its corresponding type declarations. src/main.ts: (1:17)
TypeScript
0 vote239 views1 answer
Typescript event emitter
TypeScript