为何无法在Angular的*ngIf指令中直接使用Object.keys()方法？

Angular模板的表达式运行在组件实例的上下文中，而非全局JavaScript环境，这是核心原因：

• 模板里能直接访问的只有组件类中声明的属性、方法，以及Angular内置的管道、指令相关变量，全局的Object对象不在这个上下文范围内，所以模板无法识别它，WebStorm会抛出“Unresolved variable or type Object”的错误提示。
• Angular对模板表达式做了访问范围限制，目的是保障模板的安全性和可维护性：避免模板意外修改全局变量，同时让模板的依赖关系更清晰——所有用到的变量都明确来自组件，便于后续维护和测试。

你提到的在.ts文件中封装函数的方法是符合Angular设计规范的解决方案，除此之外也可以在组件类中定义一个指向全局Object的属性，比如：

// 组件类中
componentObject = Object;

之后在模板中使用：

<span *ngIf="componentObject.keys(item).includes('author')"></span>

内容的提问来源于stack exchange，提问作者Lokicor