2017-02-19 43 views
-2

我是AngularJs的初學者,目前正在開發一個小型測試項目。我發現這款應用可以在Firefox上很好地工作,但在IE 11和Chrome中無法正常工作。我一直在嘗試互聯網上的大部分修復。添加元標記和所有,但他們都沒有爲我工作。這是我的代碼。AngularJs ng路由在IE中不工作11

代碼

'use strict'; 
 
var app = angular.module("myApp", ['ngRoute']); 
 

 
app.config(['$routeProvider', function($routeProvider) { 
 
    $routeProvider.when('/', { 
 
    templateUrl: 'home.html', 
 
    controller: 'HomeCtrl' 
 
    }); 
 
    $routeProvider.when('/services', { 
 
    templateUrl: 'services.html', 
 
    controller: 'ServicesCtrl' 
 
    }); 
 
    $routeProvider.when('/clients', { 
 
    templateUrl: 'clients.html', 
 
    controller: 'ClientsCtrl' 
 
    }); 
 
    $routeProvider.otherwise({redirecTo: '/'}); 
 
}]); 
 

 
app.controller('HomeCtrl', ['$scope', function($scope){ 
 
    $scope.message = 'Welcome to Inspire'; 
 
}]); 
 

 
app.controller('ServicesCtrl', ['$scope', function($scope) { 
 
    $scope.message = 'Everyone come and see how good I look!'; 
 
}]); 
 

 
app.controller('ClientsCtrl', ['$scope', function($scope) { 
 
    $scope.message = 'These are clients'; 
 
}]);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0/angular.min.js"></script> 
 
<!DOCTYPE html> 
 
    <html> 
 
    <head> 
 
    <link rel="stylesheet" href="style.css" /> 
 
    <script src="app.js"></script> 
 
    </head> 
 
    <body ng-app="myApp"> 
 
    <ul> 
 
    <li> 
 
    <a href="#/">Home</a> 
 
    </li> 
 
    <li> 
 
    <a href="#/services">Services</a> 
 
    </li> 
 
    <li> 
 
    <a href="#/clients">Clients</a> 
 
    </li> 
 
    </ul> 
 
    <div ng-view=""></div> 
 
    </body> 
 
    </html>

+0

試着把