Question

当我试图将带有数据的json文件放入ng-repeat时出现问题。

不知何故，在控制台中显示'All drinks loaded!'这是成功信息，但它没有在DOM中显示。

我也收到错误：angular.min.js:118 TypeError: $http.get(...).success(...).errors is not a function

如果有人知道可能导致该错误的原因，请告诉我。谢谢你的帮助。

 var app = angular.module('app', []);

 app.controller('MainController', ['$scope', '$http', '$log',
   function($scope, $http, $log) {

     $scope.drinks = [];

     $http.get('drinks.json')
       .success(function(data, status, headers, config) {

         $scope.drinks = data;
         $log.info('All drinks loaded!');

       }).errors(function(data, status, headers, config) {

         $log.error('Error' + status + 'unable to download drinks list.');

       });
   }
 ]);

 //drinks.json
 //[
 //{
 //"name": "Pepsi 1l",
 //"price": 2.99
 //},
 //{
 //"name": "Orange juice 0.5l",
 //"price": 1.40
 //},
 //{
 //"name": "Lemon tea 2l",
 //"price": 3.20
 //},
 //{
 //"name": "Cola-Cola 0.33l",
 //"price": 0.89
 //}
 //]

<div class="container">

  <div class="content" ng-controller="MainController">

    <div class="col-md-6">

    </div>



    <div class="col-md-6">
      <ul class="list-group">
        <li class="list-group-item" ng-repeat="(id, product) in drinks">
          <strong>{{ product.name }}</strong> - {{ product.price | currency }}
          <button ng-click="removeFromCart(id)" class="btn btn-xs btn-danger pull-right">X</button>
        </li>
      </ul>
    </div>


  </div>

</div>

Answer 1

其.error()而非.errors()

$http.get('url')
    .success(function(data, status, headers, config) {
         // do something
    }).error(function(data, status, headers, config) {
         // do something 
    });

更改它以修复js错误，您的页面将正常工作

上传json文件时出现AngularJS错误

1 个答案: