ng-grid在IE8中不起作用

时间:2013-05-03 21:27:12

标签: angularjs angular-ui ng-grid

我很想弄清楚为什么ng-grid不能在IE8中运行。我收到此错误:Expected identifier, string or number ng-grid-2.0.5.debug.js, line 1535 character 17

我正在直接从ng-grid主页复制示例(顺便说一下,所有示例都正确加载)。有人有想法吗?

我会提出一个Plnkr或小提琴,但是它们都不会在IE8中加载,所以它有点挫败了目的。

使用Angular 1.0.4,jQuery 1.8.1,ng-grid 2.0.5

HTML

<html ng-app="myApp">  
<head lang="en">
    <meta charset="utf-8">
    <title>Getting Started With ngGrid Example</title>  
    <link rel="stylesheet" type="text/css" href="ng-grid.css" />
    <link rel="stylesheet" type="text/css" href="style.css" />
    <script type="text/javascript" src="jquery-1.8.1.js"></script>
    <script type="text/javascript" src="angular.js"></script>
    <script type="text/javascript" src="ng-grid-2.0.5.js"></script>
    <script type="text/javascript" src="main.js"></script>
</head>
<body ng-controller="MyCtrl">
    <div class="gridStyle" ng-grid="gridOptions"></div>
</body>

CSS

.gridStyle {
  border: 1px solid rgb(212,212,212);
  width: 400px; 
  height: 300px;
}

的Javascript

var app = angular.module('myApp', ['ngGrid']);
app.controller('MyCtrl', function($scope) {
    $scope.myData = [{name: "Moroni", age: 50},
                     {name: "Tiancum", age: 43},
                     {name: "Jacob", age: 27},
                     {name: "Nephi", age: 29},
                     {name: "Enos", age: 34}];
    $scope.gridOptions = { 
        data: 'myData',
        columnDefs: [{field:'name', displayName:'Name'}, {field:'age', displayName:'Age'}]
    };
});

2 个答案:

答案 0 :(得分:5)

原来答案并不那么明显。 ng-grid 2.0.5中存在一个错误,其中开发人员在一个地方使用Javascript forEach方法而不是angular.forEach。 IE8不支持这种情况并导致错误。我把它提交给小组,他们会解决它,但是现在我只是做了改变。

答案 1 :(得分:1)

Internet Explorer需要特殊处理以适应AngularJS。 请阅读本文。

http://docs.angularjs.org/guide/ie