/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 vote267 views1 answer
Replace \n with breakline in type scripte
TypeScript
0 vote279 views1 answer
Accessing formcontrol from fromgroup
TypeScript
1 vote289 views1 answer
Dispatcher servlet as its web application context
TypeScript
1 vote275 views1 answer
Ionic alert controller handler not dimiss
TypeScript
0 vote317 views1 answer
Write a C proogram to find the roots of quadratic equation
TypeScript
59 votes488 views6 answers
Sum elements in list python
TypeScript
0 vote283 views1 answer
Pandas value_counts multiple columns
TypeScript
0 vote300 views4 answers
Convert .js file to ts
TypeScript
1 vote277 views1 answer
Ion-datetime open programmatically
TypeScript
1 vote275 views2 answers
Subplots in seaborn python
TypeScript