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

Question

有没有办法分配新变量以避免在哈巴狗上重复代码？

在下面的简单示例中，我想将 item.value1 + item.value2 分配给名为＆＃34; mysum＆＃34;的新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}