Banyak proyek dilakukan di server web. Kode JSP front-end dan back-end. Kedua belah pihak perlu bekerja sama erat untuk membedakan tanggung jawab. Beberapa proyek menyediakan metode yang tenang dengan backend, dan Frontend memanggil dirinya untuk mengulangi Ajax. Ini biasanya banyak string ejaan jQuery, yang terlalu tidak intuitif. Beberapa orang telah membuat template JS, tetapi itu tidak jauh lebih baik.
Jauh lebih menyenangkan menggunakan AngularJS, dan sintaksnya mirip dengan 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 price</th> <TH> Kuantitas </th> <TH> Jumlah </th> <TH> Operasi </th> </tr> <ttr ng-repeat = "item dalam item"> <td> {{$ index + 1}} </td> <td> {{{{items.name}} </td> <td. mata uang}} </td> <td> <input ng-model = "item.quantity"> </td> <td> {{item.quantity * item.price | Mata uang}} </td> <td> <button ng-click = "Remove ($ index)"> Ramping </button> </td> </td> </tr> </able> <script src = "../ lib/angularjs/1.2.26/angular.min.js"> </script> name {{script> </script> </script> </script> </script> </script> </script> cartcroll/script> </script> </script> cartcroll/script> funchroll </script> </script> </script> </script> funchroll/script> funchroll </script> cartcroll/script> funchroll </script> cartcroll/script> function/script> "Rapoo (Rapoo) V500 Game Mekanik Keyboard Kuning Kuning Mekanik", Kuantitas: 1, Harga: 199.00}, {Nama: "Rapoo V20 Optical Gaming Mouse Black Flame Edition", Kuantitas: 1, Harga: 139.00}, {Nama: "AngularJS Tutorial otoritatif", Kuantitas: 2, Harga: 84. $ scope.remove = function (index) {$ scope.items.splice (index, 1); }} </script> </body> </html>Kehidupan Arahan NG-Repeat adalah pada elemen yang perlu mengulang konten. Item sesuai dengan nama variabel pada pengontrol. Item adalah alias untuk satu objek dalam array. $ index dapat mengembalikan nomor pesanan objek referensi saat ini, mulai dari 0, dan $ pertama, $ middle, dan $ last dapat mengembalikan nilai boolean untuk memberi tahu Anda apakah elemen saat ini adalah elemen terakhir di tengah pertama koleksi.