Muitos projetos são realizados no servidor da web. O código JSP de gravação do front-end e back-end. Ambas as partes precisam trabalhar juntos para distinguir responsabilidades. Alguns projetos fornecem métodos RESTful pelo back -end, e o front -end se chama para loop com o Ajax. Geralmente, isso é muitas cordas de ortografia jQuery, que são muito intuitivas. Algumas pessoas criaram um modelo JS, mas não é muito melhor.
É muito mais divertido usar o AngularJS, e a sintaxe é semelhante ao 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 Preço </th> <th> Quantidade </th> <th> quantidade </th> <th> operação </th> </tr> <ttr ng-repeat = "Item em itens"> <td> {{$ index + 1}} </td> <td> {ite.name}}} </t> <td> <td> {) Moeda}} </td> <td> <input ng-model = "item.quantity"> </td> <td> {{item.quantity * item.price | moeda}} </td> <td> <botão ng-click = "remover ($ index)"> remover </button> </td> </td> </tr> </ tabela> <script src = "../ lib/angularjs/1.2.26/angular.minr.js"> </script> <cript> <bript> functcro. {Nome: "Rapoo (Rapoo) V500 Mechanical Game teclado eixo amarelo mecânico", Quantidade: 1, preço: 199,00}, {Nome: "Rapoo V20 Gaming Optical Mouse Black Flame Edition", Quantidade: 1, Price: 139. $ scope.remove = function (index) {$ scope.items.splice (index, 1); }} </script> </body> </html>A vida da diretiva NG-REPEAT está em elementos que precisam loop conteúdo. Os itens correspondem aos nomes variáveis no controlador. O item é um alias para um único objeto na matriz. O $ INDEX pode retornar o número do pedido do objeto de referência atual, a partir de 0 e $ primeiro, $ médio e $ último, podem retornar valores booleanos para informar se o elemento atual é o último elemento no primeiro meio da coleção.