Question

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

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

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

我使用的示例代码：

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

Answer 1

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

JS中的代码：

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

<强> HTML

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

示例