Angular 5 - 为什么我在Chrome的调试器中看不到所有的TypeScript模型？

Question

我正在尝试在Chrome中调试我的Angular 5应用。

我用ng cli创建了它，我用ng服务运行它。

我的models文件夹有7个TypeScript文件/类和一个包含4个文件/类的子文件夹，但在Chrome的开发者工具中，我只看到总共3个文件。

有什么想法吗？

注意：我会根据需要提供更多信息......作为一名Angular初学者，我只是不知道您需要回答什么其他信息，所以请随时提出。

Answer 1

当Angular编译时，它不会加载未使用的模型。我敢打赌，你看到这三个模型，因为你已经在代码中的某个地方声明了它们，而不是其他没有显示的模型。

如果您在某个组件中导入模型，则可以快速验证这一点

import { SomeModel } from './someModel';

并创建一个新的实例

public something= new SomeModel(1,'','');

然后，您应该看到sources目录中显示的所有模型文件。