我在一个angular 8应用程序上工作,当用户点击一个按钮时,它应该重定向到一个供应商门户网站,这是一个完全不同的webapp (不同的Url),当用户重定向到供应商页面,用户应该看到相同的页眉,页脚和导航,我在我的web应用程序。但是供应商的应用程序是在angularJS(1.x)上。
所以我的问题是,我能否将我的角度页眉、页脚、导航(导航由一些单点登录逻辑组成)转换成节点模块,并让我的供应商在他们的angularJS(1.x)应用程序中使用它们?
如果我们不能在angularJS (1.x)中使用angular8组件,有人能建议更好的方法吗?
更新:我们是否可以将Angular8项目/组件转换为独立的JS文件,并要求供应商在其应用程序中加载该JS文件?因此,此JS应该包含要在其页面中替换/注入的逻辑。例如:我们要求供应商在他们的页面中创建一个元素,在我们的JS文件中,我们需要查看"custom-header“Id并替换为我们的内容?
那么,我们是否可以在Angular8应用程序中编写自定义代码,并将其导出为独立的JS文件?
发布于 2021-05-21 21:20:25
你不能直接在angularJ上使用Angular组件。
但是您可以使用@angular/elements
将ng组件或ng应用程序转换为Web组件。
Web组件是与框架无关的,这意味着它们可以在用于创建它们的框架的上下文之外使用。几乎所有的现代浏览器都准备好处理它们,如果你想支持更多的浏览器,可以使用polyfills。
有关角度元素的详细信息:https://angular.io/guide/elements
这里有一个如何做到这一点的指南:https://www.freecodecamp.org/news/how-to-create-angular-6-custom-elements-web-components-c88814dc6e0a/
编辑:改变了如何做的指南,另一个不是很好。
发布于 2021-05-22 11:21:50
你不能在angularjs.because中使用angular8组件,这个框架彼此有很大的不同。
https://stackoverflow.com/questions/67637554
复制相似问题