在角度模板本身中使用全局/窗口变量有什么后果吗?

Question

在角度模板本身中使用全局/窗口变量有什么后果吗？

例

示例模板.ts

export class SampleComponent {
console = console;
myArr = Array;
myObj = Object;
data = [{name: 'abc', ...}, {myName: 'xyz', ...}, {fullName: 'pqr', ...}]
}

示例模板.html

<div>{{console.log('It logs')}}</div>
<div *ngFor="let each of Arr(4).fill(1);let i=index;">{{'I just need index here' + i}}</div>
<div *ngFor="let item of data">
<div *ngFor="let col of myObj.keys(item)">{{col}}</div>
</div>

Answer 1

是的，你不能使用全局变量，它有它的局限性

在语法方面，模板表达式类似于JavaScript。许多 JavaScript 表达式都是合法的模板表达式，但有一些例外。

您不能使用具有或促进副作用的 JavaScript 表达式，包括：

赋值 (=， +=， -=， ...( 运算符，例如新运算符、类型运算符、实例运算符等。 将表达式与 ;或 递增和递减运算符 ++ 和 -- 部分ES2015+运营商