Question

我最近开始使用角度js。我试图使用ng-view显示页面的内容，但它没有显示任何内容。当我将所有数据放在一个页面中时，它会显示内容，即index.html

的index.html

<html ng-app="customersApp">
    <head>
        <title>
         Iterating over Data         
        </title> 
        <link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css" rel="stylesheet" type="text/css">
        <link href="style.css" rel="stylesheet" type="text/css" />
       <link href="animate.css" rel="stylesheet" type="text/css" />
    </head>
    <body>

    <div ng-view></div>

        <script src="scripts/angular.js"></script>
         <script src="scripts/angular-route.js"></script>
         <script src="scripts/angular-animate.js"></script>
         <script src="app/app.js"></script>
        <script src="app/controllers/customersController.js"> </script>



    </body>


</html>

app.js：

(function(){

var app= angular.module('customersApp',['ngRoute','ngAnimate']);

app.config(function($routeProvider)
{
   $routeProvider 
           .when('/', {

               controller: 'CustomersController',
               templateUrl: 'customers.html'
           })

           otherwise({ redirectTo: '/' });

   }); 




}());

customersController.js：

(function(){
    var CustomersController = function ($scope){
    $scope.sortBy = 'name';
    $scope.reverse = 'false';
    $scope.customers= [{joined:'2000-12-02',name:'Prince',city:'sitamarhi',ordertotal:9.9956},{joined:'2000-12-03',name:'Pinku',city:'kendrapara',ordertotal:9.9856},{joined:'2000-12-04',name:'Amit',city:'sambalpur',ordertotal:9.9756}];
    $scope.doSort = function(propName){
    $scope.sortBy = propName;
    $scope.reverse = !$scope.reverse;                  
              };
          };

    CustomersController.$inject = ['$scope'];
angular.module('customersApp')
        .controller('CustomersController', CustomersController);
   }());

我没有得到我犯错的地方。

Answer 1

在$ routeProvider

之前缺少.

ng-view在angularjs中不起作用

1 个答案: