javascript - 为什么要在Component中写Object=Object才能在Angular中获取Object.keys？

Question

在我的 Angular 模板中，我需要对象的键数。我在模板文件中写了 {{ Object.keys(myObj).length }}。但它会引发错误:ERROR TypeError: Cannot read property 'keys' of undefined。

然后我从互联网上得到了一个建议，所以我在我的组件中写了 Object = Object 并且它起作用了。

1. 我不明白这背后的哲学是什么。
2. 花括号中的其他表达式和语句在 Angular 模板中如何工作？

Answer 1

模板表达式上下文通常仅限于组件实例本身。因此，当您在 {{}} 中插入一个变量时，它实际上会查找底层组件实例或模板引用变量的匹配属性。

当您在组件中执行 Object = Object 时，您实际上是在创建组件的属性 Object，它引用全局 Object组件引用了哪个。

但是在模板表达式中是不可能的，它不能访问全局属性，除了undefined。

这部分docs解释这个:

Template expressions cannot refer to anything in the global namespace, except undefined. They can't refer to window or document. Additionally, they can't call console.log() or Math.max() and they are restricted to referencing members of the expression context.