/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 vote195 views4 answers
How to sort a list of lists in python
TypeScript
1 vote161 views3 answers
React-router-dom for typescript
TypeScript
1 vote174 views1 answer
Python get elements from list of dictionaries
TypeScript
7 votes167 views3 answers
If temp table exists drop
TypeScript
0 vote212 views1 answer
Requests module in vs code python
TypeScript
2 votes170 views2 answers
Print digits of a number in c
TypeScript
-1 vote189 views1 answer
Apexcharts dataURI style
TypeScript
0 vote158 views1 answer
Expo typescript jest
TypeScript
2 votes176 views1 answer
Typescript inner class
TypeScript
0 vote169 views1 answer
The html element that houses all html element that contains meta information about the web page,importing external stylesheets and internal ces
TypeScript