ngRepeat - ograniczenie liczby wyświetlanych wyników

Jestem wielkim AngularJS n00b i znajduję nawettutoriale ciężko zrozumieć. Ten samouczek prowadzi mnie przez budowanie aplikacji wyświetlającej telefony. Jestem nakrok 5 i pomyślałem, że jako eksperyment spróbuję zezwolić użytkownikom na określenie, ilu chcieliby pokazać. Widok wygląda tak:

<body ng-controller="PhoneListCtrl">

  <div class="container-fluid">
    <div class="row-fluid">
      <div class="span2">
        <!--Sidebar content-->

        Search: <input ng-model="query">
        How Many: <input ng-model="quantity">
        Sort by:
        <select ng-model="orderProp">
          <option value="name">Alphabetical</option>
          <option value="age">Newest</option>
        </select>

      </div>
      <div class="span10">
        <!--Body content-->

        <ul class="phones">
          <li ng-repeat="phone in phones | filter:query | orderBy:orderProp">
            {{phone.name}}
            <p>{{phone.snippet}}</p>
          </li>
        </ul>

      </div>
    </div>
  </div>
</body>

Dodałem tę linię, aby użytkownicy mogli wpisać, ile wyników chcą wyświetlić:

How Many: <input ng-model="quantity">

Oto mój kontroler:

function PhoneListCtrl($scope, $http) {
  $http.get('phones/phones.json').success(function(data) {
    $scope.phones = data.splice(0, 'quantity');
  });

  $scope.orderProp = 'age';
  $scope.quantity = 5;
}

Ważna linia to:

$scope.phones = data.splice(0, 'quantity');

Mogę zakodować numer, aby pokazać, ile telefonów powinno być pokazanych. Jeśli umieściłem 5 w, pojawi się 5. Wszystko, co chcę zrobić, to odczytać numer z tego wejścia z widoku i umieścić go w linii data.splice. Próbowałem z cudzysłowami i bez cudzysłowów, i nie działa. Jak mam to zrobic?

questionAnswers(7)

yourAnswerToTheQuestion