/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 vote181 views2 answers
Ng2003
TypeScript
0 vote185 views1 answer
Number square n times in typescript
TypeScript
0 vote254 views1 answer
Try out the enumerate function for yourself in this quick exercise. Complete the skip_elements function to return every other element from the list, this time using the enumerate function to check if an element is on an even position or an odd positi
TypeScript
2 votes196 views1 answer
React native paper select
TypeScript
0 vote228 views1 answer
Flutter: Error: google_fonts was unable to load font LobsterTwo-Bold because the following exception occured:
TypeScript
0 vote192 views1 answer
ReturnType FunctionName(FormalParameterList) { Statements ; return ReturnValue; }
TypeScript
52 votes503 views4 answers
Used ports in linux
TypeScript
1 vote227 views1 answer
Angular connexion
TypeScript
0 vote201 views1 answer
TypeScript interface for object with arbitrary numeric property names?
TypeScript
0 vote205 views1 answer
Welsh cup electrodes have
TypeScript