Question

对于routeProvider有一些问题，我一直在关注AngularJS页面上的教程，由于某种原因它没有加载html部分。

我在Chrome控制台调试中没有显示任何错误。

我已经尝试将html文件移动到与.js文件相同的文件夹中，只是为了检查它是否是目录问题，并且没有任何更改，因为没有加载。

的index.html

<html ng-app="myApp">
...
<script src="js/angular.js"></script>
<script src="js/angular-route.js"></script>
...
<script src="js/app.js"></script>
<script src="js/controllers.js"></script>
...
<div ng-view></div>

controllers.js

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

artistControllers.controller('ListController', ['$scope', '$http',    function($scope, $http) {
$http.get('js/data.json').success(function(data) {
    $scope.artists = data;
    $scope.artistOrder = 'name';
});
}]);

artistControllers.controller('DetailsController', ['$scope', '$http', '$routeParams', function($scope, $http, $routeParams) {
$http.get('js/data.json').success(function(data) {
    $scope.artists = data;
    $scope.whichItem = $routeParams.itemId;
});
}]);

app.js

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

myApp.config(['$routeProvider', function($routeProvider) {
$routeProvider.
when('/list', {
    templateURL: 'partials/list.html',
    controller: 'ListController'
}).
when('/details/:itemId', {
    templateURL: 'partials/details.html',
    controller: 'DetailsController'
}).
otherwise({
    redirectTo: '/list'
});
}]);

Answer 1

尝试将templateURL:更改为templateUrl:。

AngularJS 1.3.11 - routeProvider未加载html partial

1 个答案: