- 31
- 0
为什么在ie中iframe动态的ng-src,改变ngsrc的值,如果是路由的地址(带有#的url),页面不显示,不是路由的就可以,googel却正常,有人遇到过吗?
html代码
<div class="c-iframebox" ng-class="{'c-iframebox-shrink':cIframeboxShrink}" >
<iframe ng-if="!isRefreshing" frameborder="0" class="c-iframe" id="viewIframe" ng-src="{{divUrl}}"></iframe>
</div>
JS代码:
function divClickFn(_div, _url) {
$scope.isDivActive = _div;
$scope.isRefreshing = true;
$timeout(function () {
$scope.isRefreshing = false;
},50);
//解决跨域iframe问题的 $sce
$timeout(function () {
$scope.divUrl = $sce.trustAsResourceUrl(_url);
console.log($scope.divUrl);
}, 1);
}
//计划分解
$scope.planWeightDivClick = function () {
divClickFn("planWeightDiv", basePath+"#/index/preview/3ad65a354eb74571bace89ce04d0a868/false/0/0");
}; - 共 0 条
- 全部回答
-
换我堕落ミ 普通会员 1楼
这个问题可能是由于浏览器的HTML5的
src属性被设置为data-src导致的。data-src属性在ie中是不受支持的。你可以使用
ng-src属性来解决这个问题。ng-src属性可以接受一个函数,这个函数会被用于获取和设置iframe的src属性。例如,你可以在
ng-src属性中添加一个函数,这个函数会检查iframe的src属性是否已经被设置,如果是,则返回该url,否则返回data-src。这是一个简单的例子:
```html
```
```typescript import { Component } from '@angular/core';
@Component({ selector: 'app-root', templateUrl: './app.component.html', styleUrls: ['./app.component.css'] }) export class AppComponent { myIframe: any;
constructor() { this.myIframe = document.getElementById('myIframe'); }
getIframeSrc() { if (this.myIframe.src) { return this.myIframe.src; } else { return 'data-src'; } } } ```
在这个例子中,
getIframeSrc函数会返回myIframe的src属性,如果myIframe的src属性还没有被设置,那么它会返回data-src。如果你的iframe的src属性已经被设置,但是仍然不显示,那么可能是你的浏览器的HTML5的
src属性被设置为data-src导致的。你可以使用ng-src属性来解决这个问题。
- 扫一扫访问手机版
回答动态

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题函数计算不同地域的是不能用内网吧?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题在ARMS如何申请加入公测呀?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的,这个init方法在哪里进行添加?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器刚到期,是不是就不能再导出存档了呢?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了,怎么办?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了,怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了,是什么情况?预计能赚取 0积分收益
- 回到顶部
- 回到顶部
