0

yeoman を使用して生成した角度付きアプリに次のコードがあります

'use strict';

function CoffeeListCtrl($scope, $http) {
  $http.get('data/coffee.json').success(function(data) {
    $scope.coffees = data;
  });
    $scope.orderProp = 'name';
    $scope.orderType = '';

    $scope.goTo = function (path) {
        $location.path(path);
    }

$scope.showNresults = function (n) {
        if (n==-1) {
            return $scope.coffees.length;
        } else { 
            return n;
        }
        //REVIEW: code optimization .. shrink version
        // message = ('Stephen' === name) ? "Welcome back Stephen" : "Welcome " + name;
  }

 $scope.numberOfPages=function(itemsPerPage){
        if (itemsPerPage == -1) itemsPerPage=$scope.coffees.length;
    return Math.ceil($scope.coffees.length/itemsPerPage);              
  }
}

次のコンソール出力が得られる理由

更新 次の HTML スニペット コードを用意します。

<div class="row-fluid"> 
    <ul class="coffees">
      <li class="span4 coffeeitem" ng-repeat="coffee in (filteredItems = (coffees | filter:query | orderBy:orderProp | filter:orderType | startFrom: (currentPage*resultspp)-resultspp | limitTo: showNresults(resultspp)))">
        <a href="#/coffees/{{coffee.id}}">{{coffee.name}}</a>
        <p>{{coffee.basicInfo}}</p>
        <button class="coffeebutton" type="button">Add to list</button>
      </li>
      <p ng-show="(coffees | filter:query).length == 0" id="message">No coffee found, please refine your search</p>
    </ul>
  </div>

そして、循環依存エラーの原因となっている次のことを突き止めましたstartFrom: (currentPage*resultspp)-resultspp | limitTo: showNresults(resultspp)

4

1 に答える 1