Als «angularjs-ng-repeat» getaggte Fragen

Die Direktive `ngRepeat` instanziiert eine Vorlage einmal pro Element aus einer Sammlung. Jede Vorlageninstanz erhält einen eigenen Bereich, in dem die angegebene Schleifenvariable auf das aktuelle Sammlungselement und "$ index" auf den Elementindex oder -schlüssel festgelegt wird.

16
So lassen Sie ng-repeat doppelte Ergebnisse herausfiltern
Ich führe eine einfache ng-repeatJSON-Datei aus und möchte Kategorienamen erhalten. Es gibt ungefähr 100 Objekte, die jeweils zu einer Kategorie gehören - aber es gibt nur ungefähr 6 Kategorien. Mein aktueller Code lautet: <select ng-model="orderProp" > <option ng-repeat="place in places" value="{{place.category}}">{{place.category}}</option> </select> Die Ausgabe umfasst 100 verschiedene Optionen, meist Duplikate. …
4
Winkel-ng-Änderungsverzögerung
Ich habe eine Eingabe, die eine ng-Wiederholungsliste bei Änderung filtert. Die Wiederholung enthält viele Daten und dauert einige Sekunden, um alles zu filtern. Ich möchte eine Verzögerung von 0,5 Sekunden, bevor ich mit dem Filtervorgang beginne. Was ist der richtige Weg im Winkel, um diese Verzögerung zu erzeugen? Eingang <input …
18
Angular ng-repeat füge alle 3 oder 4 Spalten eine Bootstrap-Zeile hinzu
Ich suche nach dem richtigen Muster, um alle 3 Spalten eine Bootstrap-Zeilenklasse einzufügen. Ich brauche das, weil cols keine feste Höhe hat (und ich keine reparieren möchte), also bricht es mein Design! Hier ist mein Code: <div ng-repeat="product in products"> <div ng-if="$index % 3 == 0" class="row"> <div class="col-sm-4" > …
4
Angularjs Wenn-Dann-Sonst-Konstruktion im Ausdruck
Kann ich irgendwie die if-then-else-Konstruktion (ternärer Operator) in anglejs Ausdruck verwenden, zum Beispiel habe ich die Funktion $ scope.isExists (item), die einen bool-Wert zurückgeben muss. Ich möchte so etwas, <div ng-repeater="item in items"> <div>{{item.description}}</div> <div>{{isExists(item) ? 'available' : 'oh no, you don't have it'}}</div> </div> Ich weiß, dass ich eine …
19
Berechnung der Summe der wiederholten Elemente in AngularJS ng-repeat
Das folgende Skript zeigt einen Einkaufswagen mit an ng-repeat. Für jedes Element im Array werden der Elementname, seine Menge und die Zwischensumme ( product.price * product.quantity) angezeigt . Was ist der einfachste Weg, um den Gesamtpreis für wiederholte Elemente zu berechnen? <table> <tr> <th>Product</th> <th>Quantity</th> <th>Price</th> </tr> <tr ng-repeat="product in …
3
Grundlegendes zum ngRepeat-Ausdruck "Track by"
Ich habe Schwierigkeiten zu verstehen, wie die Spur durch Ausdruck von ng-repeat in anglejs funktioniert. Die Dokumentation ist sehr knapp: http://docs.angularjs.org/api/ng/directive/ngRepeat Können Sie erklären, was der Unterschied zwischen diesen beiden Codeausschnitten in Bezug auf die Datenbindung und andere relevante Aspekte ist? mit: track by $index <!--names is an array--> <div …
5
AngularJS: Die ng-repeat-Liste wird nicht aktualisiert, wenn ein Modellelement aus dem Modellarray gespleißt wird
Ich habe zwei Controller und teile Daten zwischen ihnen mit einer app.factory-Funktion. Der erste Controller fügt dem Modellarray ein Widget hinzu (pluginsDisplayed), wenn auf einen Link geklickt wird. Das Widget wird in das Array verschoben und diese Änderung wird in die Ansicht übernommen (die ng-repeat verwendet, um den Array-Inhalt anzuzeigen): …
2
Zeige versteckte Div bei ng-click in ng-repeat
Ich arbeite an einer Angular.js-App, die eine JSON-Datei mit medizinischen Verfahren filtert. Ich möchte die Details jeder Prozedur anzeigen, wenn der Name der Prozedur mit ng-click (auf derselben Seite) angeklickt wird. Dies ist, was ich bisher habe, wobei das Div .procedure-details div angezeigt wird: none: <ul class="procedures"> <li ng-repeat="procedure in …
3
AngularJS-Mehrfachfilter mit benutzerdefinierter Filterfunktion
Ich versuche, die Liste mit mehreren Filtern + mit einer benutzerdefinierten Filterfunktion zu filtern. Das ursprüngliche funktionierende jsfiddle-Beispiel ist http://jsfiddle.net/ed9A2/1/ aber jetzt möchte ich die Art und Weise ändern, wie das Alter gefiltert wird. Ich möchte einen benutzerdefinierten Filter hinzufügen, damit das Alter basierend auf zwei Eingabewerten, min_age und max_age, …
3
Winkel ng-repeat Überspringe ein Element, wenn es mit dem Ausdruck übereinstimmt
Ich suche nach einer Möglichkeit, Angular grundsätzlich anzuweisen, ein Element in einer ng-Wiederholung zu überspringen, wenn es im Grunde einem Ausdruck entspricht continue. In der Steuerung: $scope.players = [{ name_key:'FirstPerson', first_name:'First', last_name:'Person' }, { name_key:'SecondPerson', first_name:'Second', last_name:'Person' }] Jetzt möchte ich in meiner Vorlage alle anzeigen, die nicht übereinstimmen name_key='FirstPerson'. …
2
Angular JS Filter ist nicht gleich
Scheint eine sehr grundlegende Frage zu sein, aber ich kann die Syntax nicht richtig verstehen. <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> Ich möchte nur alle Fragen anzeigen, bei denen id NICHT -1 ist. Was mache ich …
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.