在我看来,这可能是不可能的,但我在这里问这个问题是为了看看是否有人认为这是可能的并且也知道这样做的方法。所以就这样:
我基本上想要实现的是,有一个电子商务网站,然后有一个我的 Angular 应用程序,它应该为该电子商务网站添加功能。我的 Angular 应用程序基本上以 Bootstrap 模式样式布局打开,并有几个页面。
我将我的 Angular 应用程序注入(inject)到电子商务网站中,如果电子商务网站不是基于 Angular 的,则一切正常,但如果电子商务网站也是基于 Angular 的,则我的应用程序和 e 之间的路由开始发生冲突。 -商务网站。
有人认为这可能吗?如果是这样,怎么办? 如果我没有说清楚,请告诉我,以便我可以改进我的解释。
最佳答案
选项 1. 在 Angular js 文件中查找并替换单词“Angular”,然后声明:
var app = custom-name-here.module('myapp',[]);
选项 2 。理论上:您应该能够将您的内容/调用脚本和 CSS 包装在 iframe 中。这应该允许您保护您的代码免受外部侵害。这也会给您与外部通信带来一些麻烦,但可以通过脚本轻松完成。
<iframe id="protected-content">
<link rel="stylesheet"...href="styles.css">
//html content here
<script src="..angular.min.js"><script>
<iframe>
我不太确定的另一个选项是 Content-Security-Policy 。理论上,您应该可以在 div 上添加 Content-Security-Policy: script-src 'self'
以保护该元素免受元素外部脚本的影响。请点击此链接:http://www.html5rocks.com/en/tutorials/security/content-security-policy/#inline-code-considered-harmful
希望这有帮助。
关于javascript - Angular 应用程序中的 Angular 应用程序是否可能?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36206162/