angular.js - [angular]嵌入带有锚点的Iframe之后，第一次加载页面Iframe无发正常显示

Question

有个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"这里。

有大神知道为什么吗？如何解决这个问题！万分感谢！

Answer 1

楼主解决问题了吗，同问