Куда засунуть результаты расчёта в шаблоне angular?

Question

[Speakermen]

Есть формула, но она выводится не хочет то есть результат {{}} [] Math.ceil(((27999 - 24999) / 27999) * 100)

Почему одна и та же формула выдает 11 в браузере и 12 выводит в шаблоне ангуляр?
WTF

<ng-template [ngIf]="product.discount"
            ><div class="product-badges">
              <span class="badge onsale"
                >Math.ceil(((27999 - 24999) / 27999) * 100)
              </span>
            </div></ng-template
          >

Comments

[Speakermen]

Пока как-то так

import { Component, Input } from '@angular/core';
import { ProductsInterface } from '../../interfaces/products.interface';

@Component({
  selector: 'card-component',
  templateUrl: './card.component.html',
})
export class CardComponent {
  @Input() public product!: ProductsInterface;

  public getDiscount(price: number, discount: number): number {
    return Math.ceil(((price - discount) / price) * 100);
  }
}

<ng-template [ngIf]="product.discount"
            ><div class="product-badges">
              <span class="badge onsale"
                >{{ getDiscount(product.price, product.discount) }}%</span
              >
            </div></ng-template
          >

[Ghoulll]

Лучше использовать для таких целей пайпы и в ней вести рассчеты.
https://stackoverflow.com/questions/48332039/metho...