Question

我有这些代码：

的index.html：

<!DOCTYPE html>
<html lang="en" ng-app="pizzasApp">
    <head>
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <link rel="stylesheet" type="text/css" href="bootstrap-3.2.0/css/bootstrap.min.css">
         <link rel="stylesheet" type="text/css" href="bootstrap-3.2.0/css/bootstrap-theme.min.css">
         <script type="text/javascript" src="jquery-2.1.1.min.js"></script>
         <script type="text/javascript" src="bootstrap-3.2.0/js/bootstrap.min.js"></script>
         <script type="text/javascript" src="angular.min.js"></script>
         <script type="text/javascript" src="angular-route.min.js"></script>
         <script type="text/javascript" src="app.js"></script>
         <script type="text/javascript" src="configure.js"></script>
         <title>New Web Project</title>
    </head>
    <body>
         <div ng-view></div>
    </body>
</html>

比萨饼list.html：

<div ng-repeat="pizza in pizzas">
    <a href="#/pizzas/{{pizza._id}}">{{pizza.name}}</a>
</div>

app.js：

(function(){    
    var pizzasApp = angular.module('pizzasApp',['ngRoute','app']);

    pizzasApp.config(['$routeProvider', function($routeProvider){

        $routeProvider.
        when('/pizzas',{
            templateUrl: 'pizza-list.html',
            controller: 'PizzasController'
        }).
        otherwise({
            redirecTo: '/pizzas'
        });
    }]);

})();

configure.js：

(function(){

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

     app.controller('PizzasController',['$scope','$http',function($scope,$http){
         $http.get('http://162.250.78.47/api/pizzas').success(function(data){
              $scope.pizzas = data;
         });
     }]);

})();

问题是我无法从json文件中获取数据。我知道问题不在于json文件，因为我可以通过其他方式获取数据但没有angular-route。但我对此感兴趣。

Answer 1

这有效：http://plnkr.co/edit/AsAPhINnDmBToTRFmgZf?p=preview

当只有'/'时，.otherwise似乎无法正常工作。我用它来攻击它：

$routeProvider.when('/pizzas',{
    templateUrl: 'pizza-list.html',
    controller: 'PizzasController'
}).when('/',{
  redirectTo: '/pizzas'
}).otherwise({
  redirecTo: '/pizzas'
});

编辑：我发现了实际错误，redirectTo中出现了拼写错误。拼写为redirecTo。

我无法从带有angularjs的json文件中获取数据

1 个答案: