如何将角度视图嵌入到其他应用程序中？

【问题标题】：How to embed angular view to other application?如何将角度视图嵌入到其他应用程序中？
【发布时间】：2016-03-11 02:35:39
【问题描述】：

我在一个 html 页面中创建了 5 个小部件，现在我想将该页面嵌入到另一个应用程序中；但我对如何做到这一点有点困惑。我是否需要使用 iframe 并调用页面或任何其他类似的方式？

我使用过 iframe 并将其嵌入到其他应用程序中，但它也显示了菜单栏和侧边栏。我只需要显示小部件，我正在使用 angularjs。

我嵌入仪表板页面的应用程序是一个简单的 html 页面，其中没有加载任何脚本。

我使用的示例代码：

<iframe src="http://localhost:8080/maxApp/#/dashboard" width="100%" height="100%">

【问题讨论】：

【解决方案1】：

您需要通过调用方法 trustAsResourceUrl 将该 URL 设为可信。

JS 中的代码：

$scope.trustSrc = function(src) {
    return $sce.trustAsResourceUrl(src);
}

HTML

<iframe ng-src="{{trustSrc(yourURL)}}" src=" width="100%" height="100%">

这是一个示例Application

【讨论】：