Tag: angularjs-ng-repeat
Die `ngRepeat` – Direktive erzeugt eine Vorlage, die einmal pro Element aus einer Sammlung. Jede template-Instanz erhält Ihren eigenen Bereich, wo das gegebene loop-variable gesetzt ist, um die aktuelle Sammlung posten, und `$index` auf den index oder Schlüssel.
Angular JS - Wie das hinzufügen von zusätzlichen DIV-in ng-repeat
4 Antworten
Ich habe ein array a=[1,2,3,4,5,6]. Mit ng-repeat auf dieses array, ich bin 6 divs. Finden Sie auf dieser plunker Gibt es eine Möglichkeit, eine weitere hinzufügen div nach jeder Zeile. So nach 3 divs möchte ich hinzufügen,
Winkel-ng-repeat Ursachen flackern
5 Antworten
Bin ich mit einer Liste von thumbnails mit diesem code: <div class ="channel" ng-repeat ="channel in UIModel.channels" ng-class ="{evenchannel: ($index % 2) == 0, oddchannel: ($index % 2) == 1}"> <img class="channel-img" ng-src ="data/channels/{{$index + 1}}/thumb"/> </div>
Wie man mehrere radio-button-Werte in angularjs form?
2 Antworten
Habe ich Fragende form, die in Ihrer Frage haben gerade mehrere Optionen. wie man Benutzer ausgewählten Optionen? Hier ist der code? ... <ul> <li ng-repeat="question in questionPaper.questions"> <div>{{question.description}}</div> <ul> <li ng-repeat="option in question.options"> <span> <input type="radio" name="option_question_{{question.id}}"
Wie zu verwenden foreach mit AngularJS HTML
4 Antworten
Wie kann ich mit einer foreach-Anweisung in angular js? Meine aktuellen Daten ausgedruckt werden als json-format. Ich will es ausgedruckt auf neuen Linien. Html <p>{{controller.greeting.custinfo}}</p> //attempt <p ng-repeat= >{{controller.greeting.custinfo}}</p> Ausgang UI {"id":null,"biling_address":"null","billing_state":"FL","ip_Addresses":["123:111:2101","","NULL"],name":"jimmmy"} java-Ausgabe System.out.println(custinfo); demo.model.cert@ba1983a Wie kann
übergeben von Daten an eine Richtlinie für die ng-repeat innerhalb der Richtlinie
3 Antworten
Ich halten, stoßen meinen Kopf auf eckig, wenn ich will eine Richtlinie, die eine Liste von Aktionen angezeigt, aber ich will es allgemein genug, um auf mehr als eine Art/Form des Objekts. Für das einfache Beispiel, lässt
AngularJS ng-repeat default-Wert funktioniert nicht
2 Antworten
Arbeite ich mit AngularJS und ich bin so neu in diesem. Mein Ziel ist, füllen Sie ein tag AUSWÄHLEN, mit der OPTION element aus einer datasource. Das ist das, was ich im Grunde: <script> function LocalizationController($scope, $http)
Wie die filter-Eigenschaft ein leeres array?
2 Antworten
Dies habe ich auf ng-repeat <tr ng-repeat="website in websites"> <td>{{website.url}}</td> </tr> Jeder website Objekt aus websites array sieht wie folgt aus: { url: "example.com", groups: } Frage: Wie kann man filter anwenden, um oben Schleife, so
Winkel - Filter entfernen Sie leere strings aus array
4 Antworten
Ich habe ein Objekt des arrays... Das array Leerzeichen enthalten können, wie kann ich eine Eckige filter zu entfernen die Leerzeichen, um zu bestimmen, die Länge des Arrays? $scope.myData = { ["1", "1", "4", "4", "N", "4",
Ist es möglich, Sie zu aktualisieren das Modell nach Tastendruck aber vor keyup?
2 Antworten
War ich die Entwicklung einer todo-wie-Anwendung mit jQuery-aber ich würde gerne wechseln zu Eckig. Dort ist ein Eingabefeld für das hinzufügen eines neuen Elements, aber sobald etwas eingegeben wird in dieser Eingabe, Tastendruck -und die folgenden-sind effektiv
Angular js-ng-class falsche Bedingung nicht in der ng-repeat
2 Antworten
Möchte ich betonen li wenn das radio ausgewählt ist. Innerhalb ng-repeat, ng-class true Zustand arbeitet, aber false Zustand nicht funktioniert, bitte überprüfen Sie den code unten <div ng-init="friends = [ {name:'John', age:25, gender:'boy'}, {name:'Jessie', age:30, gender:'girl'}, {name:'Johanna',
AngularJS Binden zurückgegebenen Daten aus Asynchronen Aufruf in ngrepeat
1 Antworten
Habe ich eine index.html Datei, die ich als ein layout/template mit einem header, ngview Richtlinie und Fußzeile. Ich bin mit dem 'lösen' - Eigenschaft erfolgreich auf die Ansichten gerendert in ngview zeigen die Daten nach der asynchrone
Winkel-ng-wenn Sie zum festlegen einer Klasse in ng-repeat
4 Antworten
Ich bin erstellen der Paginierung Schaltflächen, die zum Aufruf bestimmter Inhalte durch benutzerdefinierte Winkel-Richtlinien. Diese buttons werden erstellt über ng-repeat. <div class="margin-less row"> <a ng-repeat="i in getNumber(9)" href="#/5-4-9_novena?day={{$index + 1}}"> <div class="small-1 panel-default columns pagination-panel" ng-if {
Entfernen Sie das Filterelement aus dem javascript-Objekt in Winkel wiederholen Sie die Schleife
3 Antworten
Ich habe Daten in folgender form: $scope.cart={"4": {"cost": 802.85, "description": "test", "qty": 1}, "5": {"cost": 802.85, "description": "test", "qty": 1}}; Ich würde gerne eine Schleife über diese Daten und zeigt Sie neben der Schaltfläche "entfernen". Wie kann
Benötigen Sie eine callback-nach dem filtern die Zeilen bei der Verwendung von ng-repeat zusammen mit dem filter in angularjs
1 Antworten
Ich bin mit angularjs ng-repeat, um füllen Sie die erforderlichen Daten in das datagrid. Something like this: <input type="text" placeholder="Search" ng-model="query"> <tr ng-repeat="item in items | filter:query"> <td>{{item.someData}}</td> <td>{{item.someOthrData}}</td> </tr> wenn ich geben Sie einige Abfrage-string zum
Bootstrap tooltip nicht rendering mit Winkel-ng-repeat
2 Antworten
Ich versuche zu erstellen tooltip für die erste Zeile einer Tabelle erstellt durch ng-repeat. Aber der tooltip ist nicht Rendern. HTML <tr ng-repeat="item in govtFiltered> <td class="name" data-toggle="tooltip" data-content="{{item.hospitalName}}" title="{{item.hospitalName}}"></td> </tr> <script> $(document).ready(function () { $('[data-toggle="tooltip"]').tooltip(); });
Winkel-ng-klicken Sie auf innerhalb von ng-repeat
1 Antworten
Ich habe ein problem, binden Sie die ng-click Richtlinie mit einer Methode in meinem controller. Ich habe versucht, die geschweiften Klammern innerhalb ng-click, aber mit einem syntax-Fehler. Das gleiche Verhalten tritt auf, wenn ich ng-click="{{action.method}}". index.html <!DOCTYPE
Mit selben controller für alle CRUD-Operationen (Schienen-alike)
3 Antworten
Habe ich eine eckige controller, holt eine Ressource, die auf die Bildung: angular.module('adminApp') .controller('PropertiesCtrl', function ($log, $scope, Property, $location) { $scope.properties = Property.query() }); Nun möchte ich hinzufügen, dass die Logik der controller in der Lage sein,
Angularjs übergeben mehrere Argumente für Direktive ng-repeat
1 Antworten
Ich bin stecken in Zweifel ich habe html : Hier gibt es zwei Arten von Daten : post und person. Die json-für jeden hat die post array von Personen. Ich Wünsche abrufen die rating-Wert, dataCategory und id
Entfernen Sie ein Objekt aus einer JSON-Objekt-Liste
1 Antworten
HTML-code: <li ng-repeat="obj in objects">{{obj.name}} <a ng-click="remove($index)">x</a></li> JavaScript-code: $scope.remove = function(index){ $scope.objects.splice(index, 1); } JSON-Daten: { "0": { "name": "name1" }, "1": { "name": "name2" } } Wenn remove() aufgerufen wird, bekomme ich TypeError: $scope.objects.splice is not
Eckige Dynamisch laden, wählen Sie Optionen basierend auf der ausgewählten Registerkarte
2 Antworten
Der folgende code füllt ein wählen Sie auf der Registerkarte, die Sie ausgewählt haben. Meine Frage ist, wie kann ich dies durch das laden der select-Optionen über die api oder einfach nur eine externe Quelle? Plunker Auch
Das entfernen der Klasse von allen Kindern mit Ausnahme geklickt Kind auf ng-klicken Sie in Eckige
4 Antworten
Habe ich eine einfache Liste Element wird analysiert, mit ng-repeat: <ul> <li ng-repeat="item in items" class="commonClass" ng-class="{'on': on_var}" ng-click="on_var=!on_var"> {{item.name}} <li> </ul> Klick auf ein Listenelement hinzufügen wird der name der Klasse 'auf' wie erwartet. aber ich
Richtlinie nicht, dass die arbeiten im inneren <tr> das ist der ng-repeat gebunden
2 Antworten
Ich habe eine Tabelle, wo die Zeilen werden wiederholt über ng-repeat. Ich versuche eine Vorlage zu erstellen, erzeugt Spalten <td> für jede Zeile <tr> app.directive("customtd", function(){ return { restrict: 'E', template: "<td>{{position.Name}}</td><td>{{position.Code}}</td>", replace: true, scope: { position:
Eckige filter in ng-repeat mit deep-Objekt
2 Antworten
Ich bin nach dieser Frage zu filter ng-repeat durch ein Feld ng-repeat :filter-single-Bereich Aber mein Fall ist anders, es ist eigentlich ein Feld, in das Objekt mit dem Wert der Hauptsache. Im Grunde will ich nur zeigen
Wie kann ich passiere ein ng-wiederholten Objekt, um meine AngularJS-Direktive?
2 Antworten
Werfen Sie einen Blick auf meinen code hier... Controller ("Aufgaben" ist ein array von JSON-Objekten aufgelöst in meine Routes.js): app.controller('testCtrl', function(tasks){ $scope.tasks = tasks.data; }; HTML: <div class="client-wrapper"> <div class="task-wrapper" ng-repeat="taskData in tasks"> <div task="taskData"> </div> </div>
Behandlung doppelter Elemente in einer ng-repeat
2 Antworten
Baue ich eine app, die verfügt über eine Art "playlist". Diese vertreten ein ng-wiederholt benutzerdefinierte Richtlinie mit ng-repeat = "element in playlist" Weil ich will, um es einem Benutzer zu re-verwenden Sie das gleiche element zweimal in
Filter array von Objekten nach Attribut mit dem integer-Wert in ng-repeat
3 Antworten
Ich habe die Richtlinie, wie diese ng-repeat="place in tb_places | filter:{'id':inputID}" Ausgabe einige array von Objekten sieht wie folgt aus $scope.tb_places = [ {name: 'some1', id:1} ... {name: 'some10', id:10} {name: 'some11', id:11} {name: 'some12', id:12} ...
Mit <select> mit verschachtelten Objekten in Eckigen
3 Antworten
Möchte ich die Erstellung einer html-Ausgabe wie diese: <select> <option value="" class="">-- Choose category --</option> <optgroup label="Dogs"> <option value="0">Great Dane</option> <option value="1">Lab</option> </optgroup> <optgroup label="Cats"> <option value="2">Black</option> <option value="3">Tabby</option> </optgroup> </select> Aus einem array wie dieses: var
Edit-Modus im inneren Winkel-ng-repeat
2 Antworten
Habe ich eine Anforderung zu implementieren, die eine editierbare Liste für ein Projekt an dem ich arbeite. Wenn Sie auf ein Element klicken, erscheint eine Bearbeiten-Staat, der eine Reihe von Optionen in Bezug auf das Element, das
Winkel-ng-repeat innerhalb von ng-repeat funktioniert nicht in der Tabelle
2 Antworten
Habe ich Folgendes <tbody ng-repeat="history in orderHistory"> <tr> <td>{{history.reference_code}}</td> <div ng-repeat="items in history.orderedItems"> <td>{{items.product_description}}</td> <td>{{items.quantity}}</td> </div> <td> </tr> </tbody> es scheint, dass der zweite ng-repeat nicht funktioniert, und {{Elemente.Menge}} oder Gegenstände . alles, was nicht am Ende
AngularJS - Andere Vorlage, die in der Richtlinie
3 Antworten
Ich habe ein Formular basierend auf twitter bootstrap, jeder Bereich hat seine eigene Konfiguration //controller (the template shows this in ng-repeat $scope.fields = [{name:"f1", label:"Field 1", with_button: false}, {name:"f2", label:"Field 2", with_button: true}] Ich versuche, um eine
Winkel-ng-repeat orderBy funktioniert nicht richtig
3 Antworten
Arbeitete ich viel mit Winkel-und muss mit einer schweren Gehirn-Furz im moment, aber kann nicht scheinen, um eine einfache orderBy, um richtig zu arbeiten. Ich habe ein array von zahlen, dass will ich der Reihenfolge nach sortiert,
ng-repeat-Schleife durch Objekt-in-Objekt
2 Antworten
Ich bin verwirrt, wie man eine Schleife durch dieses Datenmodell. $scope.object = [ {person1: {name: 'jon', height: 100}} , {person2: {name: 'joe', height: 200}}, {person3: {name: 'lisa', height: 150}}] Ich versuche die ng-repeat wie diese <tr ng-repeat
AngularJS - Berechnung der Länge von JSON-array
2 Antworten
Habe ich eine Reihe von JSON-Daten und in ihm versuche ich zu berechnen, die Länge eines array (Infos): Mein JSON: "Association": { "Items": [ { "AssocName": { "SurName": "BLOGGS", "Title": "MR", "ForeName": "HAPPY" }, "Details": [ {
AngularJS: ng-repeat nicht aktualisieren, nach der Aktualisierung array
3 Antworten
Ich bin mit Ionic framework und versuchen zum anzeigen einer Liste der "Karte" - Elemente mit dem folgenden HTML-code: <div ng-repeat="case in cases"> <div class="list card"> <div class="item item-avatar"> <button ng-click="rmpost(card.key)" style="background: transparent; border: none;"><i class="icon ion-close-round"></i></button><!--if
neubindung jquery nach angular js ng-repeat
3 Antworten
Ich bin Abfüllen in ein array in angularJS mithilfe von $http.get() service, durch den Aufruf einer rest-api. Dieses array wird angezeigt mit ng-repeat. Es wird Jquery-code, um eine Schaltfläche angezeigt, wenn Sie den Mauszeiger über jede der
Formular-Validierung angularjs ohne submit-button
3 Antworten
Möchte ich die Validierung des Formulars, die nicht über den submit-button. <div ng-controller="UserCreationCtrl"> <form novalidate="novalidate" class="form-horizontal"> <div class="control-group"> <label class="control-label" for="inputUserLogin">User Login:</label> <div class="controls"> <input type="email" id="inputUserLogin" ng-model="user.userLogin" placeholder="User Login" required /> </div> </div> <div class="control-group"> <label
Format / filter ein-Ausgabe mit dem regulären Ausdruck in Angular.js
1 Antworten
Gegeben: <span ng-repeat="extra in extras"> <br> <input type="checkbox" ng-click="addExtra()" value="{{extra.id}}" >{{extra.name}} - <strong>{{extra.real_price}}</strong> </span> Wie mache ich das {{extra.real_price}} die Ausgabe nur zahlen mit Filter ? Beispiel: extra.real_price als '400 Euro' zu verwandeln '400' InformationsquelleAutor R01010010 |
AngularJS-laden-Meldung/bitte warten
3 Antworten
Wie kann ich Folgendes erreichen Sie in AngularJS: Wenn ich meine Seite wird zeigen, dass einige widgets und jedes widget hat eine Schaltfläche mit der Bezeichnung aktualisieren. Wenn der button angeklickt wird, dann wird der Inhalt des
dynamisches hinzufügen von Richtlinien in ng-repeat
3 Antworten
Ich versuche dynamisch hinzufügen der verschiedenen Richtlinien in einer ng-repeat jedoch wird die Ausgabe nicht interpretiert wird als Richtlinien. Ich habe ein einfaches Beispiel hier: http://plnkr.co/edit/6pREpoqvmcnJJWzhZZKq Controller: $scope.colors = [{name:"red"}, {name: "blue"}, {name:"yellow"}]; Richtlinie: app.directive("red", function ()
Eckige Suche nach Wert in JSON und Anzeige der entsprechenden Daten
1 Antworten
Was ich versuche zu tun, ist einfach. Ein Benutzer einen Wert eingibt, auf den button klicken, meine JS-ruft einen Dienst zum abrufen meiner JSON-Daten und führen Sie eine Suche auf den eingegebenen Wert gegen die JSON und
Sortierbare Tabelle Spalten mit AngularJs
4 Antworten
Ich versuche zu Sortieren, eine Tabelle von Daten, die besiedelt ist von einem JSON-Quelle. Den code habe ich wie folgt: HTML: <div ng-app="myApp"> <div ng-controller="PurchasesCtrl"> <table cellspacing="0"> <tr class="first"> <th class="first" ng:click="changeSorting(purchases.date)">Date</th> <th ng:click="changeSorting(purchases.text)">Description</th> <th ng:click="changeSorting(purchases.price)">Amount</th> <th
warum angularjs ng-repeat funktioniert nicht
4 Antworten
Ich versuche die Grundlagen von AngularJS ersten mal. Ich versuche aus ng-repeat ersten mal. Es ist jedoch nicht arbeiten. Hier ist eine nicht funktionierende jsfiddle. Ich geschrieben habe, den code in einzelne eigenständige HTML-Datei wie folgt und
ng-repeat code immer auskommentiert, wenn man von browser
1 Antworten
Sehe ich beim laden, dass das scope-element $scope.docDetails hat die notwendigen Daten. In der Ansicht, wenn ich die ng-repeat drucken info, sehe ich, dass es nicht angezeigt im browser. <body ng-controller="documentUploadController" nv-file-drop="" uploader="uploader" filters="queueLimit, customFilter"> <div class="container">
Fehler: [ngRepeat:dupes] was bedeutet das?
2 Antworten
wiederholen Richtlinie bestens Wein Datensätze aus einer api. Ich habe eine factory-Funktion zu dienen, bis die wine-API, das greift dann in mein controller app.factory("Wine", function ($http){ var factory = {}; //getWines factory.getWines = function(){ return $http.get("http://www.greatwines.9000.com") }
Filtern mit mehreren Checkboxen in angularJS
3 Antworten
Ich bin neu in AngularJS. Ich schrieb ein Programm, das filtern der Artikel-Liste, wenn ich überprüfen Sie zugehörige Kontrollkästchen. Aber hier meine Checkboxen sind, sich wie "Radio buttons". Anyway, das Programm funktioniert, aber es funktioniert nicht mit
ng-repeat Winkel-und JSON-array
2 Antworten
Ich bin neu zu Eckig und ich werde versuchen, eine einfache Anzeige. Ich habe durch die Dokumentation auf ng-repeat und getan haben, einige der Lehrgänge mit Erfolg jedes mal. Jedoch wenn ich ging um zu tun ein
angularjs zeige die letzten 5 Elemente in ng-repeat-Liste
2 Antworten
Habe ich eine Liste, die Protokolle der früheren Namen, die ich ausgesucht habe, wie unten gezeigt. Was ich will, ist die Liste immer nur die letzten 5 Ergebnisse, aber was ich im moment haben, ist mit den
angular.js ng-repeat - prüfen, ob Bedingung wahr ist, dann verwenden Sie eine andere Zusammenstellung
3 Antworten
Bin ich Fragen, ist es möglich, zu überprüfen, was die Sammlung zum Gebrauch innerhalb der ng-repeat? Zum Beispiel in meinem controller habe ich 2 arrays von Daten vom server geholt, jetzt benutze ich ng-switch zwischen Ihnen zu
Wie kann ich richtig ng-repeat durch verschachtelte Schlüssel-Wert-Paare in angularJS
3 Antworten
Ansicht, live-code: Angular JS Wie in der Welt kann ich richtig Schleife durch verschachtelte Schlüssel-Wert-Paaren und richtig ausgegeben werden wie unten? Anzeigen ich möchte, ist ein Baum, der wie so -touts -classes -col-12 -col-md-12 -col-lg-12 Derzeit der
Wie man angularJS ng-model zu arbeiten mit Objekten auswählen von Elementen?
1 Antworten
Ich habe ein problem mit ng-model auf einem select element, wenn Sie ein Objekt aus option Elemente. So, vorstellen, wir haben ein array von Spalten aus einer Tabelle namens columns (die Tabellendefinition), und wir möchten creat einige