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?