从Angular JS中的不同应用程序加载模板

Posted

技术标签:

【中文标题】从Angular JS中的不同应用程序加载模板【英文标题】:Load template from different application in Angular JS 【发布时间】:2020-05-13 12:33:08 【问题描述】:

我正在开发一个 AngularJS 应用程序,它需要加载一个弹出模式,该模式存在于一些不同的应用程序中。

有办法实现吗?

我们如何加载我们的应用程序中根本不存在的模板/模态??

【问题讨论】:

您所说的不同应用程序可能有一个 URL 对吗?如果是这样,请通过简单的HTTP get 调用加载它。 是的。它有一个不同的 URL。我需要在我的应用程序的任何点击事件上加载它。问题是,这将是一个表单,我需要在提交时将其数据传递给后端 应该没问题吧?您的表单提交逻辑也存在于相同的 url 中,并且可以正常工作。 无法实现-@GuruprasadRao 【参考方案1】:

我想你可以做的一件事是 - 为模态编写 html 代码并将其作为弹出窗口打开,并在模态 html 代码中添加具有不同应用程序 URL 的 iframe 标记。 这将适用于您的情况

试试这个 - https://embed.plnkr.co/plunk/PbnBdN 用于弹出并使用 iFrame 更改 modelContent.html

【讨论】:

以上是关于从Angular JS中的不同应用程序加载模板的主要内容,如果未能解决你的问题,请参考以下文章

base.html 中的 js 未应用于 ui-view 中加载的 angular/materializecss 模板

Angular JS 和 Symfony2

AngularJS 基于路由动态加载控制器和模板

Angular 2 组件未加载到不同的模块中

angularJs如何实现不同页面引入不同的js文件?

Angular 7:ng serve 工作,但控制台显示 Zone.js 错误并且应用程序不会加载