Какой способ имеет наилучшую производительность при применении нескольких классов к тегам html? Угловой 2

Я строю календарь с ценами, у меня есть 3 вложенных элемента:

- calendar-layout
-- calendar-month
--- calendar-week

В течение календарной недели я должен сделать несколько расчетов для различных стилей, которые могут иметь каждый день,

    // Calendar-week Html
    <div [ngClass]="dayClass(date, i)" *ngFor="let date of days; let i = index;"
         (click)="onClick(date)" [class.not-selectable]="isDayNotSelectable(date)">
       <span class="date-number">{{ date |  date:'d'  }}</span>
       <small class="price" *ngIf="calendarInfo.prices"> {{ getPrice(date) }} </small>
    </div>

// Calendar-week Component
  dayClass(date, i) {
    let cssClass = 'day ';
    if (isDateFrom()) return `${cssClass} selected dateFrom`;
    if (isDateTo()) return `${cssClass} selected dateTo`;
    if (isBeetween()) return `${cssClass} between`;
    if (isReccommended()) cssClass += `recommended `;
    if (isNotPrices()) return cssClass;
    let price = this.calendarInfo.prices[date].price
    cssClass += price <= this.minPrice ? 'low' : price >= this.maxPrice ? 'high' : 'normal';
    return cssClass;
  }

Как мы видим, есть много классов, которые можно поместить в тег «день». Я видел, что моя функция dayClass() может быть распределена с использованием различных подходов с директивой [ngClass], но я не хочу их использовать, не зная, какой метод действительно наиболее эффективен.

[ngClass]="{'class1':condition1, 'class2': condition2, 'class3':condition3}"
[ngClass.class1]="menu1 || menu2" [ngClass.class2]="(menu1 || menu2) && something">   

Кто-нибудь знает, как наиболее эффективно применять классы к тегу HTML, имеющему несколько вычислений?