Javascript 如何将角度7中一个ngfor下两个不同插值的值相乘

如何将角度7中一个ngfor下两个不同插值的值相乘

<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>

1
{{element.price}}
{{element.quantity}
!{{element.price}}*{{element.quantity}！

您可以简单地将两个表达式连接在一起

{{element.price * element.quantity}}

---

有关的更多详细信息，请参阅有关使用的角度文档。

您必须这样做

{{num1*num2}}

1
{{element.price}}
{{element.quantity}
!{{element.price*element.quantity}！
在
{{}
中的所有内容都被视为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>



1
{{element.price}}
{{element.quantity}
{{element.price*element.quantity}
试着这样做：

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

或者你可以直接乘以它：

{{element.price * element.quantity}}

您甚至可以将
替换为
{{getmultipleedvalue（element.price，element.quantity）}
  getMultipliedValue(price:number, quantity:number) {
    return price * quantity;
  }

{{element.price * element.quantity}}