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.

16
Jak sprawić, by powtórzenie ng odfiltrować zduplikowane wyniki
Uruchamiam prosty ng-repeatplik JSON i chcę uzyskać nazwy kategorii. Istnieje około 100 obiektów, każdy należący do kategorii - ale jest tylko około 6 kategorii. Mój obecny kod to: <select ng-model="orderProp" > <option ng-repeat="place in places" value="{{place.category}}">{{place.category}}</option> </select> Rezultatem jest 100 różnych opcji, głównie duplikatów. Jak użyć Angulara, aby sprawdzić, czy …
6
AngularJS - jak uzyskać odniesienie do wyniku filtrowanego przez ngRepeat
Używam dyrektywy ng-repeat z takim filtrem: ng-repeat="item in items | orderBy:'order_prop' | filter:query | limitTo:4" i widzę dobrze renderowane wyniki; teraz chcę uruchomić logikę na tym wyniku w moim kontrolerze. Pytanie brzmi, jak mogę pobrać odniesienie do elementów wyników? Aktualizacja: Dla wyjaśnienia: próbuję utworzyć autouzupełnianie, mam takie dane wejściowe: <input …
4
Kątowe opóźnienie zmiany ng
Mam dane wejściowe, które filtrują listę powtórzeń ng po zmianie. Powtórzenie zawiera dużo danych i przefiltrowanie wszystkiego zajmuje kilka sekund. Chciałbym, aby były opóźnione o 0,5 sekundy przed rozpoczęciem procesu filtrowania. Jaki jest prawidłowy sposób w kątowym, aby utworzyć to opóźnienie? Wejście <input ng-model="xyz" ng-change="FilterByName()" /> Powtarzać <div ng-repeat"foo in …
18
Kątowy ng-repeat dodaje wiersz bootstrap co 3 lub 4 cols
Szukam odpowiedniego wzorca do wstrzykiwania klasy wiersza ładowania początkowego co każde 3 kolumny. Potrzebuję tego, ponieważ kolumny nie mają ustalonej wysokości (i nie chcę jej naprawiać), więc psuje mój projekt! Oto mój kod: <div ng-repeat="product in products"> <div ng-if="$index % 3 == 0" class="row"> <div class="col-sm-4" > ... </div> </div> …
4
Konstrukcja Angularjs if-then-else w wyrażeniu
Czy mogę w jakiś sposób użyć konstrukcji if-then-else (operatora trójargumentowego) w wyrażeniu angularjs, na przykład mam funkcję $ scope.isExists (element), która musi zwrócić wartość bool. Chcę coś takiego <div ng-repeater="item in items"> <div>{{item.description}}</div> <div>{{isExists(item) ? 'available' : 'oh no, you don't have it'}}</div> </div> Wiem, że mogę użyć funkcji, która …
19
Obliczanie sumy powtarzających się elementów w AngularJS ng-repeat
Poniższy skrypt wyświetla koszyk sklepu przy użyciu ng-repeat. Dla każdego elementu w tablicy pokazuje nazwę pozycji, jej kwotę i sumę częściową (product.price * product.quantity ). Jaki jest najprostszy sposób obliczenia łącznej ceny powtarzanych elementów? <table> <tr> <th>Product</th> <th>Quantity</th> <th>Price</th> </tr> <tr ng-repeat="product in cart.products"> <td>{{product.name}}</td> <td>{{product.quantity}}</td> <td>{{product.price * product.quantity}} €</td> …
3
Zrozumienie wyrażenia ngRepeat „track by”
Mam trudności ze zrozumieniem, jak działa utwór wyrażony przez wyrażenie ng-repeat w angularjs. Dokumentacja jest bardzo rzadka: http://docs.angularjs.org/api/ng/directive/ngRepeat Czy możesz wyjaśnić, jaka jest różnica między tymi dwoma fragmentami kodu pod względem wiązania danych i innych istotnych aspektów? z: track by $index <!--names is an array--> <div ng-repeat="(key, value) in names …
5
AngularJS: lista powtórzeń ng nie jest aktualizowana, gdy element modelu jest łączony z tablicy modelu
Mam dwa kontrolery i udostępniam dane między nimi za pomocą funkcji app.factory. Pierwszy kontroler dodaje widżet do tablicy modelu (pluginsDisplayed) po kliknięciu łącza. Widżet jest wstawiany do tablicy i ta zmiana jest odzwierciedlana w widoku (który używa ng-repeat do pokazania zawartości tablicy): <div ng-repeat="pluginD in pluginsDisplayed"> <div k2plugin pluginname="{{pluginD.name}}" pluginid="{{pluginD.id}}"></div> …
2
Pokaż ukryty element div po kliknięciu ng-click w ciągu ng-repeat
Pracuję nad aplikacją Angular.js, która filtruje pliki json z procedurami medycznymi. Chciałbym pokazać szczegóły każdej procedury po kliknięciu nazwy procedury (na tej samej stronie) za pomocą ng-click. To, co mam do tej pory, z divem .procedure-details ustawionym na wyświetlanie: none: <ul class="procedures"> <li ng-repeat="procedure in procedures | filter:query | orderBy:orderProp"> …
2
Zakres izolatów dyrektywy z zakresem powtórzeń ng w AngularJS
Mam dyrektywę z izolowanym zakresem (aby móc ponownie wykorzystać dyrektywę w innych miejscach), a kiedy używam tej dyrektywy z rozszerzeniem ng-repeat, nie działa. Przeczytałem całą dokumentację i odpowiedzi Stack Overflow na ten temat i rozumiem problemy. Myślę, że uniknąłem wszystkich typowych problemów. Rozumiem więc, że mój kod nie działa z …
3
Filtr wielokrotny AngularJS z niestandardową funkcją filtrowania
Próbuję przefiltrować listę za pomocą wielu filtrów + z niestandardową funkcją filtru. Oryginalny działający przykład jsfiddle to http://jsfiddle.net/ed9A2/1/, ale teraz chcę zmienić sposób filtrowania wieku. Chcę dodać niestandardowy filtr, aby wiek był filtrowany na podstawie dwóch wartości wejściowych, które są min_age i max_age (między wiekiem). Po obejrzeniu doc. Znalazłem ludzi …
3
kątowe ng-powtarzanie pomija element, jeśli pasuje do wyrażenia
Szukam sposobu, aby w zasadzie powiedzieć Angularowi, aby pominął element w powtórzeniu ng, jeśli pasuje do wyrażenia, w zasadzie continue; W kontrolerze: $scope.players = [{ name_key:'FirstPerson', first_name:'First', last_name:'Person' }, { name_key:'SecondPerson', first_name:'Second', last_name:'Person' }] Teraz w moim szablonie chcę pokazać wszystkim, którzy nie pasują name_key='FirstPerson'. Pomyślałem, że to filtry, więc …
2
Kątowy filtr JS nie jest równy
Wydaje się, że jest to bardzo podstawowe pytanie, ale nie mogę uzyskać właściwej składni. <li class="list-group-item" ng-repeat="question in newSection.Questions | filter:Id != '-1'; " ng-mouseenter="hover = true" ng-mouseleave="hover = false"> <div href="#" editable-text="question.Text">{{question.Text}}</div> </li> Chcę tylko pokazać wszystkie pytania, w których id NIE jest -1. Co ja robię źle. Dzięki!
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.