-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>
試着把