/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 vote207 views2 answers
When we dont have to show data of child but change in child should be displayed in parent automatically
TypeScript
0 vote225 views2 answers
Use pipe in ts file angulr
TypeScript
0 vote207 views1 answer
Typescript get object value
TypeScript
0 vote197 views1 answer
Type 'void' is not assignable to type '((this: GlobalEventHandlers, ev: MouseEvent) => any) | null'
TypeScript
4 votes228 views2 answers
How to get value_counts output in dataframe format
TypeScript
0 vote202 views1 answer
Simulate click typescript
TypeScript
0 vote221 views1 answer
Map gRPC error
TypeScript
7 votes256 views2 answers
Typescript axios
TypeScript
0 vote192 views1 answer
Common child hackerrank solution
TypeScript
0 vote207 views1 answer
Angular jasmine tobe empty array
TypeScript