javascript - 是否可以从同一项目中的外部 Javascript 代码访问 Angular 应用程序数据

Question

所以，这是一个理论问题，因为我不必遇到这个问题。但我只是想知道。

假设我在我的项目文件夹中编译了一个 Angular 项目。

 <br/>  In this PROJECT FOLDER, I have the other JAVASCRIPT FILE, EXTERNAL to my Angular Project.
  <br/> 

在这个外部 Javascript 文件中，我想从我的 Angular 项目中的文件访问数据或变量。

这可能吗？

就像从我的 Angular 项目中的文件导入/导出到我编译的 Angular 之外的 Javascript 文件。

我关心的部分是 Angular 是在生产环境中编译的。

在开发中，我可以很容易地写一个 Angular 文件的路径。但是一旦它被编译，会发生什么？

那有可能吗？如果是，如何？当使用 Webpack 之类的工具时？

Answer 1

这完全有可能，在特定条件下。

如果您还没有玩过它，请知道您的 Angular 项目中有一个 ng 全局变量，它绑定(bind)到您的窗口。

你可以像这样使用它

ng.probe(document.querySelector('app-root')).componentInstance

这应该会返回您的应用程序组件实例(假设您使用了正确的选择器)。

但这可以只有在代码没有被压缩的情况下，甚至可能当您提供您的应用程序时(没有选中这个)。

除此之外，我不知道有任何其他技术可以通过另一个脚本访问 Angular 特征。