In Angular (2/4/5), How to toggle the class name by clicking the element?

Answer 1

Using ngClass Attribute we can toggle the classname

<button [ngClass]="type === '1' ? 'show': 'hide'></button>

Based on the type value show and hide class name will change