How to add class Angular 2

Question

I'm trying to override only a part of my default class (glyphicon-eye-...).

With this code :

<i [class.glyphicon-eye-open] = "isOpen" class="glyphicon glyphicon-eye-close"></i>

I get class = "glyphicon glyphicon-eye-close glyphicon-eye-open"

How can i get this instead class="glyphicon glyphicon-eye-open" ?

Fabio Antunes · Accepted Answer · 2016-10-19 12:54:00Z

1

Use the ng-class instead

<i [ngClass]="{'glyphicon-eye-close': !isOpen, 'glyphicon-eye-open': isOpen}" class="glyphicon"></i>

answered Oct 19, 2016 at 12:54

Fabio Antunes

22.9k17 gold badges83 silver badges96 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1