时间戳

首页 > 解决方案 > 简单的数学和简单的显示//隐藏角度

javascript - 简单的数学和简单的显示//隐藏角度

问题描述

你好。

所以我学习了角度，我建立了一个计算商品总价的购物车服务。但现在我坚持显示折扣。

我想要实现的目标：显示 2 个不同的折扣。但我无法正确计算（尝试在我的函数中实现简单的数学没有用。）

所以：

<h1>TOTAL: {{total}}</h1>
      <p *ngIf="total > 200" >DISCOUNT 10% NEW PRICE  </p>

      <p *ngIf="total > 500" >DISCOUNT 20% NEW PRICE </p>

如果超过 500，我如何隐藏第一个 P？atm 都将显示

我的总数是在购物车服务模块中以这种方式计算的：

 calculatePrice(){
let calcPrice: number = 0;
for(let item of this.items){
  calcPrice += item.price;
}

return calcPrice; }

// 在这里，我尝试在返回之前添加简单的数学运算，例如 calcprice / 100 * 90。不起作用， 那么我如何输出新的总数？

标签： javascriptangular

解决方案

改变它：

<h1>TOTAL: {{total}}</h1>
  <p *ngIf="total < 500;else show_major_500" >DISCOUNT 10% NEW PRICE  </p>

  <ng-template #show_major_500> <p>DISCOUNT 20% NEW PRICE </p></ng-template>

仅当总数小于 500 时才会显示第一段；如果超过 500 则显示第二个折扣

推荐阅读