如何让AngularJS路由在IE 8上运行

Mar*_*ark 6 internet-explorer routing routes angularjs

我有一个干净的AngularJS 1.2.8应用程序,我刚刚开始.路由在IE 8上不起作用,但它在所有其他浏览器(包括IE 9)中都有效.控制台中没有错误.Angular只是没有开火.

有人能指出我正确的方向吗?我已经看过Angular的IE 8文档并按照指示无效.

HTML ...

<!doctype html>
<html id="ng-app" data-ng-app="app">
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta charset="utf-8">
    <title>Learning Content Portal</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width">

    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/main.css">
</head>
<body>
    <div class="container"> 
        <!-- placeholder for views -->
        <div data-ng-view></div>
    </div> <!-- /container --> 

    <script src="js/vendor/jquery-1.10.1.min.js"></script> 
    <script src="js/vendor/json3.min.js"></script> 
    <script src="js/vendor/bootstrap.min.js"></script> 
    <script src="js/vendor/angular/angular.min.js"></script> 
    <script src="js/vendor/angular/angular-route.min.js"></script> 

    <script src="js/app.js"></script> 

</body>
</html>
Run Code Online (Sandbox Code Playgroud)

和app.js ...

var app = angular.module('app', ['ngRoute']);

app.config(function ($routeProvider) {
    $routeProvider
        .when('/searchCourses', {
            templateUrl: 'partials/searchCourses.html',
            controller: 'controller_searchCourses'
        })
        .when('/editCourse', {
            templateUrl: 'partials/editCourse.html',
            controller: 'editCourseController'
        })
        .otherwise({ redirectTo: '/searchCourses' });
});

app.controller('controller_searchCourses', function ($scope) {
    alert('test');
});
Run Code Online (Sandbox Code Playgroud)

还有一部分,但我不认为这很重要,因为它永远不会触发警报(或加载部分警报).

<div class="container">
    <div>
        Course Count: {{courses.length}}
        <ul>
            <li data-ng-repeat="course in courses | orderBy:course.name">{{ course.name }}</li>
        </ul>
    </div>

    <br />

    <div>
        Name: <input type="text" data-ng-model="newCourse.name" /><br />
        Owner: <input type="text" data-ng-model="newCourse.owner" /><br />
        Code: <input type="text" data-ng-model="newCourse.code" /><br />
        Status: <input type="text" data-ng-model="newCourse.status" /><br />
        <br />
        <button class="btn btn-default" data-ng-click="addCourse()">Add New Course</button>
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

And*_*iov 4

您没有在 html 中指定名称空间

<html xmlns:ng="http://angularjs.org">

并且文档说这是必需的。