Pytania otagowane jako angularjs-ng-repeat

Dyrektywa `ngRepeat` tworzy instancję szablonu raz na element z kolekcji. Każda instancja szablonu otrzymuje własny zakres, w którym dana zmienna pętli jest ustawiana na bieżący element kolekcji, a parametr „$ index” jest ustawiany na indeks elementu lub klucz.

26
Sposób na powtórzenie zdefiniowanej liczby razy zamiast powtarzania przez tablicę?
Czy jest na to sposób ng-repeat określoną liczbę razy zamiast konieczności iteracji po tablicy? Na przykład poniżej chcę, aby element listy pojawił się 5 razy, przy założeniu, że jest $scope.numberrówny 5 dodatkowo zwiększając liczbę, więc każdy element listy zwiększa się o 1, 2, 3, 4, 5 Pożądany rezultat: <ul> <li><span>1</span></li> …
8
order Przez wiele pól w Angular
Jak sortować, używając wielu pól jednocześnie pod kątem? pięść według grupy, a następnie według podgrupy na przykład $scope.divisions = [{'group':1,'sub':1}, {'group':2,'sub':10}, {'group':1,'sub':2},{'group':1,'sub':20},{'group':2,'sub':1}, {'group':2,'sub':11}]; Chciałem wyświetlić to jako grupa: podgrupa 1 - 1 1 - 2 1–20 2 - 1 2–10 2–11 <select ng-model="divs" ng-options="(d.group+' - '+d.sub) for d in divisions …
10
AngularJS ng-repeat uchwyt pusta wielkość liter listy
Myślałem, że będzie to bardzo powszechna sprawa, ale nie mogłem znaleźć sposobu, aby sobie z tym poradzić w AngularJS. Załóżmy, że mam listę zdarzeń i chcę wyprowadzić je za pomocą AngularJS, więc to całkiem proste: <ul> <li ng-repeat="event in events">{{event.title}}</li> </ul> Ale jak poradzić sobie ze sprawą, gdy lista jest …
6
przekazanie 2 $ wartości indeksu w zagnieżdżonym powtórzeniu ng
Więc mam powtórzenie ng zagnieżdżone w innym powtórzeniu ng, aby zbudować menu nawigacyjne. Na każdym <li>w wewnętrznej pętli powtórzenia ng ustawiam kliknięcie ng, które wywołuje odpowiedni kontroler dla tego elementu menu, przekazując indeks $, aby poinformować aplikację, której potrzebujemy. Jednak muszę również przekazać indeks $ z zewnętrznego ng-repeat, aby aplikacja …
4
Jak używać powtórzeń ng do słowników w AngularJs?
Wiem, że możemy łatwo używać powtórzenia ng dla obiektów Json lub tablic takich jak: <div ng-repeat="user in users"></div> ale jak możemy użyć powtórzenia ng do słowników, na przykład: var users = null; users["182982"] = "{...json-object...}"; users["198784"] = "{...json-object...}"; users["119827"] = "{...json-object...}"; Chcę tego używać ze słownikiem użytkowników: <div ng-repeat="user in …
24
AngularJS dla pętli z liczbami i zakresami
Angular zapewnia pewne wsparcie dla pętli for używającej liczb w swoich dyrektywach HTML: <div data-ng-repeat="i in [1,2,3,4,5]"> do something </div> Ale jeśli zmienna zakresu zawiera zakres, który ma liczbę dynamiczną, musisz za każdym razem utworzyć pustą tablicę. W kontrolerze var range = []; for(var i=0;i<total;i++) { range.push(i); } $scope.range = …
17
kątowe powtórzenie ng w odwrotnej kolejności
Jak mogę uzyskać odwrócony układ kątowy? Próbuję użyć filtru orderBy, ale do sortowania potrzeba predykatu (np. „name”): <tr ng-repeat="friend in friends | orderBy:'name':true"> <td>{{friend.name}}</td> <td>{{friend.phone}}</td> <td>{{friend.age}}</td> <tr> Czy istnieje sposób na odwrócenie oryginalnej tablicy bez sortowania. tak: <tr ng-repeat="friend in friends | orderBy:'':true"> <td>{{friend.name}}</td> <td>{{friend.phone}}</td> <td>{{friend.age}}</td> <tr>
6
Dostęp do indeksu macierzystego powtórzenia z potomnego powtórzenia
Chcę użyć indeksu listy nadrzędnej (foos) jako argumentu wywołania funkcji na liście podrzędnej (foos.bars). Znalazłem post, w którym ktoś zaleca użycie $ parent. $ Index, ale $indexnie jest własnością $parent. Jak mogę uzyskać dostęp do indeksu rodzica ng-repeat? <div ng-repeat="f in foos"> <div> <div ng-repeat="b in foos.bars"> <a ng-click="addSomething($parent.$index)">Add Something</a> …
15
ng-powtórz zdarzenie końcowe
Chcę wywołać funkcję jQuery kierującą do div z tabelą. Ta tabela jest zapełniona ng-repeat. Kiedy zadzwonię $(document).ready() Nie mam rezultatu Również $scope.$on('$viewContentLoaded', myFunc); nie pomaga Czy jest jakiś sposób na wykonanie funkcji zaraz po zakończeniu zapełniania z powtórzeniem ng? Przeczytałem poradę dotyczącą korzystania z niestandardowego directive, ale nie mam pojęcia, …
9
Używanie przecinka jako separatora listy w AngularJS
Muszę utworzyć listę elementów oddzieloną przecinkami: <li ng-repeat="friend in friends"> <b ng-repeat="email in friend.email">{{email}}{{$last ? '' : ', '}}</b>... </li> Zgodnie z dokumentacją AngularJS w wyrażeniach nie są dozwolone żadne instrukcje przepływu sterowania. Dlatego mój {{$last ? '' : ', '}}nie działa. Czy istnieje alternatywny sposób tworzenia list oddzielonych przecinkami? …
10
Zachowaj podziały wierszy w angularjs
Widziałem to TAK pytanie. Mój kod zamiast ng-bind="item.desc"używa, {{item.desc}}ponieważ mam ng-repeatprzed. Więc mój kod: <div ng-repeat="item in items"> {{item.description}} </div> Opis pozycji zawiera \nznaki nowej linii, które nie są renderowane. Jak można {{item.description}}łatwo wyświetlać znaki nowej linii, zakładając, że mam ng-repeatpowyższe?
12
Jak poprawić wydajność ngRepeat na ogromnym zbiorze danych (angular.js)?
Mam ogromny zbiór danych obejmujący kilka tysięcy wierszy z około 10 polami każdy, około 2 MB danych. Muszę to wyświetlić w przeglądarce. Najprostsze podejście (pobieranie danych, umieszczanie ich $scope, ng-repeat=""wykonywanie swojej pracy) działa dobrze, ale zawiesza przeglądarkę na około pół minuty, gdy zaczyna wstawiać węzły do ​​DOM. Jak mam podejść …
20
Jak filtrować wiele wartości (operacja OR) w angularJS
Chcę użyć filterw kątowym i chcę filtrować pod kątem wielu wartości, jeśli ma jedną z wartości, powinna zostać wyświetlona. Mam na przykład taką strukturę: Obiekt, moviektóry ma właściwość genresi chcę filtrować pod kątem Actioni Comedy. Wiem, że mogę filter:({genres: 'Action'} || {genres: 'Comedy'}), ale co zrobić, jeśli chcę to dynamicznie …
2
AngularJS - Jak mogę odwołać się do nazwy właściwości w ramach powtórzenia ng
Oprócz renderowania wartości właściwości w obiekcie chciałbym również wyrenderować nazwę właściwości jako etykietę. Czy jest na to sposób ng-repeat? Na przykład: <ul> <li ng-repeat="option in data">{{propertyName}}: {{option}}</li> </ul> Który może wypluć coś takiego: <ul> <li>Name: John</li> <li>Phone: (123) 456-7890</li> <li>Country: England</li> </ul>
Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.