Javascript $routeProvider的问题_Javascript_Angularjs

Javascript $routeProvider的问题

javascript angularjs

Javascript $routeProvider的问题,javascript,angularjs,Javascript,Angularjs,嘿，我已经开始学习angularJS了，我对它还很陌生，所以我想我最好的办法就是问别人因此，当我运行$routeProvider时，它不会将我路由到任何地方。当我看到控制台a时，它不会加载任何部分。获取此消息错误：[$injector:modulerr]未能实例化模块Collective，原因是：[$injector:modulerr]未能实例化模块ngRoute app.html <!DOCTYPE html> <html> <head> <

嘿，我已经开始学习angularJS了，我对它还很陌生，所以我想我最好的办法就是问别人

因此，当我运行$routeProvider时，它不会将我路由到任何地方。当我看到控制台a时，它不会加载任何部分。获取此消息错误：[$injector:modulerr]未能实例化模块Collective，原因是：[$injector:modulerr]未能实例化模块ngRoute

app.html

<!DOCTYPE html>
<html>
<head>
    <script type="text/javascript" src="angular.js"></script>
    <script type="text/javascript" src="angular-route.js"></script>
    <script type="text/javascript" src="app.js"></script>
    <script type="text/javascript" src="routing.js"></script>

    <!-- Controllers -->
    <script type="text/javascript" src="src/controllers/categoryController.js"></script>
    <script type="text/javascript" src="src/controllers/itemController.js"></script>

    <!-- Directives -->
    <script type="text/javascript" src="src/directives/itemDecoratorDirective.js"></script>

    <!-- Services -->
    <script type="text/javascript" src="src/services/itemProvider.js"></script>

</head>
<body ng-app="collectify">
    <div ng-view></div>
</body>
</html>

routing.js

'use strict';
app.config(['$routeProvider',
  function($routeProvider) {
    $routeProvider
      .when('/items/',{
                controller:'itemList',
                templateUrl:'views/item/list.html'
            })
  }]);

itemController.js

'use strict';
app
    .controller('itemIndex',function($scope){

    })
    .controller('itemList', function($scope,itemProvider){
        $scope.items=itemProvider.getItems();
    })
    .controller('itemCreate',function($scope){
        $scope.test="toto";
    })
    .controller('itemRemove',function($scope){

    })
;

my service itemProvider.js

'use strict';
var items=[{'libelle':'Transporteur','id_category':1},  {'libelle':'Taken','id_category':1},{'libelle':'Ahmed','id_category':2},    {'libelle':'Muslim','id_category':2} ]

app.service('itemProvider',function(){  this.getItems=function(){       return items;   } })

我的指令itemdecordirective.js

'use strict';
app.directive('decorateItem',function(){
    return{
        template:'Le film "{{item.libelle}}" dont la categorie est {{item.id_category}}'
    }
})

我的视图列表.html

<div>
    <div ng-repeat="item in items">
        <p decorate-item></p>
    </div>
 </div>

是否确实加载了脚本

Angle route.js

？是，文件加载正确问题应该是

Angle route.js

没有正确加载。请再次检查。我再次检查文件是否正确加载文件加载时我拍了一张照片[链接]

<div>
    <div ng-repeat="item in items">
        <p decorate-item></p>
    </div>
 </div>