/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 vote393 views1 answer
Writhing requests to text file
TypeScript
0 vote306 views1 answer
Testing in different environments
TypeScript
0 vote308 views1 answer
Htmlspecialchars() expects parameter 1 to be string array given in laravel blade
TypeScript
0 vote326 views1 answer
Number of increments and decrements to make array sorted
TypeScript
0 vote328 views1 answer
Typescript infinite loop
TypeScript
5 votes301 views3 answers
Typescript check type
TypeScript
0 vote266 views10 answers
Eval)free robux 2000
TypeScript
0 vote298 views1 answer
Take two inputs from user and add them using callback function
TypeScript
0 vote304 views1 answer
CSS is being used to hide three items on the index.html page (two <li> elements and a <div> element). Use jQuery's :hidden pseudo selector and the show() method to display the hidden <li> elements, while leaving the <div> elem
TypeScript
0 vote343 views1 answer
Spilit with comma in ts
TypeScript