CODEWITHSUNDEEP
javascriptangularangular2-template
qiAlex
qiAlex

Reputation: 4346

Angular 2. What is faster to render: [ngClass] or class="{{}}"?

What will render faster?

  <div class="ololo" [ngClass]="{'my-class': myVar}">one</div>

or

  <div class="ololo {{myVar ? 'my-class': ''}}">another</div>

or some another way?

Upvotes: 2

Views: 1466

Answers (1)

qiAlex
qiAlex

Reputation: 4346

I did some research and can surely say that this approach 

<div class="ololo" [ngClass]="{'my-class': myVar}">one</div>

works about 3 times slower than

<div class="ololo {{myVar ? 'my-class': ''}}">another</div>

please see a demo

https://stackblitz.com/edit/angular-fvtzck

Upvotes: 6

Related Questions