Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/33.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 如何在Pug上创建新的角度变量_Angular_Pug - Fatal编程技术网

Angular 如何在Pug上创建新的角度变量

Angular 如何在Pug上创建新的角度变量,angular,pug,Angular,Pug,有没有一种方法可以分配一个新变量来避免在帕格身上重复代码 在下面的简单示例中,我想将item.value1+item.value2分配给一个名为“mysum”的新变量,并在最后一行将其用作mysum+item.value3 tr(*ngFor="let item of list) td {{item.value1}} td {{item.value2}} td {{item.value3}} td {{item.value1 + item.value2}}

有没有一种方法可以分配一个新变量来避免在帕格身上重复代码

在下面的简单示例中,我想将item.value1+item.value2分配给一个名为“mysum”的新变量,并在最后一行将其用作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}}

可能吗?谢谢。

您可以使用typescript方法,如下所示

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
}

帕格支持变量

- 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

备用语法


好的,这是可行的,但是如果我想进一步计算,现在使用mySum+item.value3将其求和为item.value4等等,并在一个循环中,因此mySum不能只是一个值,而是在每次迭代中动态计算的。这就是为什么我要定义一个新的变量。是否可能?这些变量在pug范围内,不从角度访问数据。抱歉,没有解释数据的来源。
td #{mysum}
td #{mysum2}