как умножить значения в двух разных интерполяциях под одним ngfor в угловых 7

Question

как умножить значения в двух разных интерполяциях под одним ngfor для угловых 7

<tr *ngFor="let element of marketArray ">
  <td class="text-center">1</td>
  <td> {{element.price}} </td>
  <td> {{element.quantity}} </td>
  <td>!{{element.price}} * {{element.quantity}}!</td>
</tr>

Answer 1

Вы можете просто объединить оба выражения вместе.

{{element.price * element.quantity}}

Более подробную информацию вы можете найти в документации Angular по использованию интерполяции .

Answer 2

Все в {{}} рассматривается как выражение javascript.Просто поместите математику в фигурные скобки.

<tr *ngFor="let element of marketArray ">
  <td class="text-center">1</td>
  <td> {{element.price}} </td>
  <td> {{element.quantity}} </td>
  <td>{{element.price * element.quantity}}</td>
</tr>

Answer 3

Попробуй так:

<td><span [innerHtml]="getMultipliedValue(element.price,element.quantity)"></td>

или

<td>{{getMultipliedValue(element.price,element.quantity)}}</td>

TS:

  getMultipliedValue(price:number, quantity:number) {
    return price * quantity;
  }

Или вы можете умножить его напрямую:

{{element.price * element.quantity}}

Answer 4

Вы должны сделать так.

{{num1 * num2}}

<tr *ngFor="let element of marketArray ">
  <td class="text-center">1</td>
  <td> {{element.price}} </td>
  <td> {{element.quantity}} </td>
  <td>!{{element.price * element.quantity}}!</td>
</tr>