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

樓主解決問題了嗎，同問