Question

I have added both the files of angular.min.js and angular-route.min.js but still not working

app.js code:

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

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

controller.js code:

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

artistControllers.controller('ListController', function($scope,$http){

$http.get('js/data.json').then(function(response){
    $scope.artist=response.data;
    $scope.artistOrder='name';
}); 
});

Answer 1

希望这对你有帮助。

从数组中删除'artistControllers'：

angular.module（'myApp'，['ngRoute'，'artistControllers']）;

尝试这个

来自angular.module（'myApp'，['ngRoute']）;

并从应用程序的根目录检查partials / list.html的文件路径。

Answer 2

我认为问题在于你没有将你的controller.js包含在你的html

中

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

看看这个plnkr https://plnkr.co/edit/eH6PtL?p=preview

$routeProvider is not able to access html template

2 个答案: