Angularjs $routeProvider无法访问html模板

我已经添加了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';
}); 
});

---

希望这对你有帮助

从阵列中删除“ArtistController”：

angular.module（'myApp'，['ngRoute'，'ArtistController']）

试试这个

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

---

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

我认为问题在于您没有将controller.js包含到html中

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

---

看看这个plnkr

mmm您是否尝试过从应用程序的根目录设置html视图文件的相对路径。。比如templateUrl:“./app/views/partials/list.html”，日志会说什么？HTML中controller.js是否在app.js之前加载？partials/list.html是否解析？如果您使用模板：“hello”vs.templateUrl暂时->您是否收到hello？。您是否在angular route之前加载angular.js？请发布错误消息使用HTML5模式需要在服务器端重写URL，基本上您必须重写指向应用程序入口点的所有链接（例如index.html）。在这种情况下，需要

标记也很重要，因为它允许AngularJS区分url中作为应用程序基础的部分和应用程序应该处理的路径。请检查partials文件夹是否在公用文件夹AngularJs Bootstrap中，我添加了它，这很奇怪，你看了工作plkr和你的有什么区别吗？我建议你改变plnkrI中的那些。我已经删除了ArtistController，但仍然不工作。你能给我根模板结构吗？