Angular 网站上的 2 个 iframe

Angular 2 iframe on website

是否可以将 angular2 cli 4.0 启动到网站的 iframe 中,以便预览 angular2 组件?如果能回答这个问题,我将不胜感激。

假设您 angular 应用程序托管在 http://localhost:4200,这是默认设置 url,当您 运行 使用 ng serve

应用程序时]

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

您可以 运行 一个 angular 应用程序并将其加载到 iframe 中。在您的应用程序中,您应该创建一个只有一个组件可见的路由。然后就可以加载到其他网站的iframe中了。

示例:您的组件将在 http://localhost:4200/components/card

可用

然后在您的网站上,您可以这样加载它: <iframe src="http://localhost:4200/components/card></iframe>