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

问题描述

有个angular项目，需要嵌入一个iframe，外链到另外一个子域名。这个地址是带锚点的，url如下：

http://example.com/index.html?uk=tester#/zone

代码如下：Html:

<iframe ng-src='https://www.6hehe.com/wenda/{{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'这里。

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

问题解答

楼主解决问题了吗，同问