首页 > 解决方案 > 是否可以从同一项目中的外部 Javascript 代码访问角度应用程序数据

问题描述

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

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

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

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

有可能吗?

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

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

在开发中,我可以很容易地写一个角度文件的路径。但是一旦编译完成,会发生什么?

那么有可能吗?如果是,如何?使用 Webpack 之类的工具时?

标签: javascriptangulartypescript

解决方案


在特定条件下,这是完全可能的。

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

您可以将它与这样的东西一起使用

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

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

但这只有在代码没有被缩小的情况下才能做到,甚至可能在你为你的应用程序提供服务时(没有检查这个)。

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


推荐阅读