网站上的Angular 2 iframe

时间:2017-04-27 09:40:59

标签: angular angular2-cli

是否可以在网站上的iframe中启动angular2 cli 4.0,以便预览angular2组件?我很感激这个问题的答案。

2 个答案:

答案 0 :(得分:4)

您可以运行角度应用并将其加载到iframe中。在您的应用中,您应该创建一个只显示一个组件的路线。然后您可以将其加载到其他网站的iframe中。

示例:您的组件可在4

处使用

然后在您的网站上,您可以像这样加载它: http://localhost:4200/components/card

答案 1 :(得分:1)

让我们假设你的角度应用是http://localhost:4200托管的,这是使用ng serve运行应用时的默认网址

只需在您的网络应用中添加<iframe src='http://localhost:4200'>,角色应用就会加载到您的网站中。