AngularJS + IE8未知的运行时错误

时间:2014-06-12 11:18:32

标签: angularjs internet-explorer-8

当我尝试点击主页中的链接时,我在IE8中遇到以下错误

Error: Unknown runtime error<div class=ng-scope ng-view ng-1402571375944="5">

页面没有完全加载。请看下面的图片

enter image description here

以下是我的index.html

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">

<title>Something</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<!-- bootstrap -->
<link href="./lib/css/bootstrap/bootstrap.css" rel="stylesheet" />
<link href="./lib/css/bootstrap/bootstrap-responsive.css" rel="stylesheet" />

<link href="./lib/css/bootstrap/bootstrap-overrides.css" type="text/css" rel="stylesheet" />

<!-- libraries -->
<link href="lib/css/lib/jquery-ui-1.10.2.custom.css" rel="stylesheet" type="text/css" />
<link href="lib/css/lib/font-awesome.min.css" rel="stylesheet" type="text/css" />
<!--ngGrid Style-->
<link href="lib/css/ng-grid.css" rel="stylesheet" type="text/css"/>


<!--<link href="lib/css/kalendae.css" rel="stylesheet" type="text/css"/>-->

<!--daterngepicker css-->
<link href="lib/css/daterangepicker-bs2.css" rel="stylesheet" type="text/css"/>

<link href="lib/css/nv.d3.min.css" rel="stylesheet" type="text/css"/>

<!--link href="lib/css/lib/bootstrap-wysihtml5.css" type="text/css" rel="stylesheet">
<link href="lib/css/lib/uniform.default.css" type="text/css" rel="stylesheet">
<link href="lib/css/lib/select2.css" type="text/css" rel="stylesheet"-->
<link href="lib/css/lib/font-awesome.css" type="text/css" rel="stylesheet" />

<!-- global styles -->
<link rel="stylesheet" type="text/css" href="lib/css/compiled/layout.css">
<link rel="stylesheet" type="text/css" href="lib/css/compiled/elements.css">
<link rel="stylesheet" type="text/css" href="lib/css/compiled/icons.css">
<link rel="stylesheet" type="text/css" href="lib/css/compiled/tables.css">

<!-- open sans font -->
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>

<!-- lato font -->
<link href='http://fonts.googleapis.com/css?family=Lato:300,400,700,900,300italic,400italic,700italic,900italic' rel='stylesheet' type='text/css'>

<!--[if lt IE 9]>
  <!--script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

<!--App StyleSheet-->
<link href="lib/css/animate.css" rel="stylesheet" type="text/css">

<link rel="stylesheet" type="text/css" href="css/style.css">


<!--Google Maps v3 API Script-->
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>


<!--[if lte IE 8]>
    <script>
      document.createElement('ng-include');
      document.createElement('ng-pluralize');
      document.createElement('ng-view');

      // Optionally these for CSS
      document.createElement('ng:include');
      document.createElement('ng:pluralize');
      document.createElement('ng:view');
    </script>
  <![endif]-->

</head>
<body ng-app="siApp" id="ng-app">


<!-- Angular View -->
<div ng-view></div>

<script src="lib/js/angular.min.js"></script>

<!--Charting Libs-->
<!--<script src="lib/js/d3.min.js"></script>-->
<!--<script src="lib/js/nv.d3.min.js"></script>-->
<script src="lib/js/angularjs-nvd3-directives.min.js"></script>

<!--Scripts -->
<script src="lib/js/jquery-1-10-2.js"></script>
<!--Angular-->



<script src="lib/js/angular-route.min.js"></script>
<script src="lib/js/angular-animate.min.js"></script>
<script src="lib/js/angular-sanitize.min.js"></script>

<!--Google Map Module Dependency-->
<script src="lib/js/underscore-min.js"></script>

<script src="lib/js/json2/json2.js"></script>

<!--Included Modules-->
<script src="lib/js/angular-google-maps.js"></script>
<script src="lib/angular-bootstrap_2.3/ui-bootstrap-tpls-0.8.0.js"></script>
<script src="lib/js/ng-grid.js"></script>
<script src="lib/js/moment.min.js"></script>

<!--<script src="lib/js/kalendae.js"></script>
<script src="lib/js/angular.kalendae.js"></script>-->

<!--daterangepicker js-->
 <script src="lib/js/daterangepicker.js"></script>

<script src="lib/js/textAngular.min.js"></script>
<script src="lib/js/textAngular-sanitize.min.js"></script>
<script src="lib/js/ng-infinite-scroll.js"></script>
<script src="lib/js/angular-ng-upload.js"></script>



<!--App JS-->
<script src="js/app.js"></script>

<!--Factories-->
<script src="js/factories/restApp.js"></script>
<script src="js/factories/selectedComponent.js"></script>
<script src="js/factories/selectedAlert.js"></script>
<script src="js/factories/selectedNotification.js"></script>
<script src="js/factories/selectedNewsItem.js"></script>
<script src="js/factories/selectedLink.js"></script>
 <script src="js/factories/selectedHomepageContent.js"></script>
<script src="js/factories/filterui.js"></script>


<!--Services-->
<script src="js/services/instance-data.js"></script>

<!--Directives-->
<script src="js/directives/filter-box.js"></script>
<script src="js/directives/newsfeed.js"></script>
<script src="js/directives/linkfeed.js"></script>


<!--Controllers-->
<script src="js/cntrl/dashboardCtrl.js"></script>
<script src="js/cntrl/infoWindowCtrl.js"></script>
<script src="js/cntrl/alertCtrl.js"></script>

<script src="js/cntrl/alertModalCtrl.js"></script>


<script src="js/cntrl/homeCtrl.js"></script>

<script src="js/cntrl/notificationCtrl.js"></script>
<script src="js/cntrl/notificationModalCtrl.js"></script>

<script src="js/cntrl/adminAlertCtrl.js"></script>
<script src="js/cntrl/adminContentCtrl.js"></script>
<script src="js/cntrl/adminContentNewsTabCtrl.js"></script>
<script src="js/cntrl/adminContentLinkTabCtrl.js"></script>
<script src="js/cntrl/adminContentHomepageTabCtrl.js"></script>
<script src="js/cntrl/newsItemModalCtrl.js"></script>
<script src="js/cntrl/linkModalCtrl.js"></script>
<script src="js/cntrl/homepageModalCtrl.js"></script>

<script src="js/cntrl/profileCtrl.js"></script>
<script src="js/cntrl/adminContentMeasurementTabController.js"></script>
<script src="js/cntrl/adminContentAttachmentsTabCtrl.js"></script>



<!--original theme scripts>
<script src="lib/js/wysihtml5-0.3.0.js"></script>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="lib/js/bootstrap.min.js"></script>
<script src="lib/js/jquery-ui-1.10.2.custom.min.js"></script>
<script src="lib/js/bootstrap-wysihtml5-0.0.2.js"></script>
<script src="lib/js/bootstrap.datepicker.js"></script>
<script src="lib/js/jquery.uniform.min.js"></script>
<script src="lib/js/select2.min.js"></script>
<script src="lib/js/theme.js"></script-->



</body>

</html>

这是什么问题?感谢

1 个答案:

答案 0 :(得分:0)

使用“data-”在index.html页面上添加角度属性。 IE8遇到未知属性时有时会失败。我认为只有两行你必须改变:

...
<body data-ng-app="siApp" id="ng-app">

<!-- Angular View -->
<div data-ng-view></div>
...