如何在 Pug 上创建一个新的 Angular 变量

Question

有没有办法分配一个新变量以避免在pug上重复代码？

在下面的简单示例中，我想将item.value1 + item.value2分配给一个名为"mysum"的新var，并在最后一行将其用作mysum + item.value3。

tr(*ngFor="let item of list)
    td {{item.value1}}
    td {{item.value2}}
    td {{item.value3}}
    td {{item.value1 + item.value2}}
    td {{item.value1 + item.value2 + item.value3}}

可能吗？谢谢。

Answer 1

你可以有一个打字稿方法来做到这一点，如下所示，

tr(*ngFor="let item of list)
    td {{item.value1}}
    td {{item.value2}}
    td {{item.value3}}
    td {{sumValues(item.value1,item.value2)}}
    td {{mySum + item.value3}}

打字稿代码

sumValues(value1,value2){
    this.mySum = value1 + value2;
    return this.mySum
}

Answer 2

Pug支持变量。

- var mysum = {{item.value1}} + {{item.value2}};
- var mysum2 = mysum + {{item.value3}};
tr(*ngFor="let item of list)
  td {{item.value1}}
  td {{item.value2}}
  td {{item.value3}}
  td=mysum
  td=mysum2

---

备用语法

td #{mysum}
td #{mysum2}