Viele Projekte werden auf dem Webserver durchgeführt. Das Front-End und das Back-End schreiben JSP-Code. Beide Parteien müssen eng zusammenarbeiten, um Verantwortlichkeiten zu unterscheiden. Einige Projekte bieten im Backend erholsame Methoden, und der Frontend ruft sich mit AJAX zur Schleife an. Dies sind in der Regel viele JQuery -Rechtschreibstaaten, die zu unintuitiv sind. Einige Leute haben eine JS -Vorlage erstellt, aber es ist nicht viel besser.
Es macht viel mehr Spaß, AngularJs zu verwenden, und die Syntax ähnelt JSP:
<!doctype html><html ng-app><head> <meta charset="utf-8"> <title>ng-repeat directive</title></head><body><table ng-controller="CartController"> <caption>My shopping cart</caption> <ttr> <th>Serial number</th> <th>Product</th> <th>Unit Preis </th> <Th> Menge </th> <th> Menge </th> <th> Operation </th> </tr> <ttr ng-repeat = "item in items"> <td> {{$ index + 1}} </td> <td> {{item.name}}} </td> <td> {{{{{{{{{{{{{{{{{{{{{punkte Währung}} </td> <td> <Eingabe ng-model = "item.quantity"> </td> <td> {{item.quantity * item.price | Währung}} </td> <td> <button ng-klick = "remove ($ index)"> remove </button> </td> </td> </tr> </table> <script src = "../ lib/angularjs/1.2.26/Angular.min "Rapoo (Rapoo) V500 Mechanisches Spiel Keyboard Mechanische gelbe Achse", Menge: 1, Preis: 199.00}, {Name: "Rapoo V20 Optical Gaming Maus Black Flame Edition", Menge: 1, Preis: 139.00}, {Name: "Angularjs Autoritative Tutorial", Menge: 2, 2, 84.20}; $ scope.remove = function (index) {$ scope.Items.SPLICE (INDEX, 1); }} </script> </body> </html>Das Lebensleben der NG-Repeat-Richtlinie betrifft Elemente, die Inhalte schleifen müssen. Die Elemente entsprechen den Variablennamen im Controller. Element ist ein Alias für ein einzelnes Objekt im Array. $ index kann die Bestellnummer des aktuellen Referenzobjekts ab 0 und $ First, $ Middle und $ last zurückgeben, um die booleschen Werte zurückzugeben, um zu sagen, ob das aktuelle Element das letzte Element in der ersten Mitte der Sammlung ist.