$routeProvider 无法访问 html 模板

Question

我已经添加了 angular.min.js 和 angular-route.min.js 的文件，但仍然无法正常工作

app.js代码：

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代码：

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>

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