有个angular项目,需要嵌入一个iframe,外链到另外一个子域名。这个地址是带锚点的,url如下:
http://example.com/index.html?uk=tester#/zone
代码如下:
Html:
<iframe id="user" ng-src="{{myurl}}"></iframe>
JS:
angular.module('myapp').controller('DemoCtrl', function ($scope, $sce, $cookies, $http) {
...
var url = "http://example.com" + "?uk=" + $cookies.get("uk") + "#/zone";
$scope.myurl= $sce.trustAsResourceUrl(url);
});
奇怪的是,第一次加载这个页面,iframe显示为空白(iframe src没有问题),再刷新一次,就可以正常显示了。
如果iframe src是一个没有锚点的地址,如嵌入www.baidu.com,第一次加载页面时没有问题的。
所以,问题应该在锚点"#/zone"这里。
有大神知道为什么吗?如何解决这个问题!万分感谢!