javascript – IE8中的AngularJS错误
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了javascript – IE8中的AngularJS错误,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含4218字,纯文字阅读大概需要7分钟。
内容图文
![javascript – IE8中的AngularJS错误](/upload/InfoBanner/zyjiaocheng/759/493255c1182e464f9e14218f2b43147c.jpg)
我正在使用一个新的角度应用程序,需要使其向后兼容IE8.从它看起来像它加载我的路由信息??,加载模板(到一个点)但在concole日志中我看到以下错误.
TypeError: Object doesn’t support this property or method
<div
class=ng-scope ng-view>
这是我的索引html页面的样子:
<!DOCTYPE html>
<html id="ng-app" ng-app="app">
<head>
<!--Add dependencies-->
<script src="jquery.min.js"></script>
<link rel="stylesheet" src="bootstrap.min.css" />
<script src="angular.min.js"></script>
<script src="angular-route.js"></script>
<script src="ui-bootstrap.js"></script>
<script type="text/javascript">
document.createElement('header');
document.createElement('nav');
document.createElement('menu');
document.createElement('section');
document.createElement('article');
document.createElement('aside');
document.createElement('footer');
</script>
</head>
<body>
<div id="wrapper">
<header class="header header-fixed">
<section class="navbar navbar-inverse docs-navbar-primary">
<div class="container">
<div class="row">
<div class="col-md-7" style="color:white; margin-top:14px;">Thinflash: Fullscreen Demo</div>
</div>
</div>
</section>
</header>
<section role="main" class="container main-body">
<div ng-view></div>
</section>
<!--Add AngularJs Files-->
<script src="swfObject.js"></script>
<script src="app.js"></script>
<script src="appControllers.js"></script>
<script src="thinflash.js"></script>
</div>
</body>
</html>
Template.html:
<div ng-controller="thinflash.controllers.playback">
<div ng-controller="app.controllers.fullscreen">
<div class="mainWrapper" id="stageWrapper">
<label>SWF Object Display </label>
<div class="swfWrapper" style="width:320px; height:240px;" id="swfStage">
<div class="tf-container" tf-swf tf-interface="flashInterface" tf-src="thin.swf" tf-min-version="11.0.0"></div>
</div>
</div>
<div class="col-md-5">
<form role="form">
<!-- Video Playback Controls -->
<div class="row">
<div class="form-group col-md-7">
<label>Select Preloaded Video:</label>
<select class="form-control" ng-model="myVideo" ng-init="myVideo = videos[2]" ng-change="changeVideo(myVideo)" ng-options="v for v in videos"><option></option></select>
</div>
</div>
<div class="row">
<div class="form-group col-md-7">
<button type="button" class="btn btn-primary" ng-click="pausePlaybackToggle()">Pause</button>
<button type="button" class="btn btn-primary" ng-click="playVideo()">Play</button>
</div>
</div>
<div class="row">
<div class="form-group col-md-7">
<label>Volume Control:</label>
<input style="width:50%;" type="range" id="slider" min="1" max="100" step="1" ng-model="volume" ng-change="changeVolume()">
</div>
</div>
<div class="row">
<div class="form-group col-md-8">
<label>Size Controls:</label><br/>
<button type="button" class="btn btn-primary" ng-click="changeVideoSize(1)">Small</button>
<button type="button" class="btn btn-primary" ng-click="changeVideoSize(2)">Medium</button>
<button type="button" class="btn btn-primary" ng-click="changeVideoSize(3)">Large</button>
</div>
</div>
</form>
</div>
</div>
</div>
再次当应用程序在IE8中加载时,似乎模板加载(或启动…但我得到此错误)
解决方法:
使用类似html5shiv或这个小片段的内容为IE8添加html5支持:
<script type="text/javascript">
document.createElement('header');
document.createElement('nav');
document.createElement('menu');
document.createElement('section');
document.createElement('article');
document.createElement('aside');
document.createElement('footer');
</script>
编辑
在IE上修复“对象不支持此方法或属性”可能是一个野兽,因为它没有告诉你任何事情.它没有告诉你什么对象,它没有告诉你什么属性,它没有告诉你什么方法,最糟糕的是它没有告诉你实际发生了什么.看模式?实际上它是在说;在某个地方发生了一些不好的事情.这是每个人都喜欢IE的原因之一.
添加上面的代码段可能已经解决了一个问题,但随后出现了另一个问题,产生了同样出色的错误消息.通过发布每个新的html片段修复错误消息的面包屑冒险可能需要很长时间,而应该与IE的帮助台讨论.他们有一台电话答录机,告诉你升级到他们新的蹩脚的其他问题.通过Stackoverflow解决这个问题就像是用水枪在天空中射击卫星,在黑暗中,蒙上眼睛,喝醉了.
您可能会考虑的其他一些事情:
>将代码段移动到任何其他脚本包含的上方
>用html5shiv替换代码段
>降级包含版本AngularJS.版本1.1.5似乎适用于IE7.版本1.3根本不支持IE8.
>检查Angular IE compatibility的指南
>开始评论代码(javascript / html)以更好地隔离导致问题的部分.请记住,多个问题会在IE中生成相同的错误消息.
>升级到他们新的其他问题.
内容总结
以上是互联网集市为您收集整理的javascript – IE8中的AngularJS错误全部内容,希望文章能够帮你解决javascript – IE8中的AngularJS错误所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。