Advertisement
Guest User

Untitled

a guest
May 25th, 2016
57
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 0.97 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3. <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.9/angular.min.js">
  4. </script>
  5. <body>
  6. <div ng-app="myApp"
  7. ng-controller="UsuarioController">
  8.  
  9. <ul>
  10. <li ng-repeat="cliente in clientes">
  11. {{cliente.nome}}, {{cliente.idade}}
  12. </li>
  13. </ul>
  14.  
  15. <form>
  16. <fieldset>
  17. <legend>Adicionar</legend>
  18. <label>Nome:</label> <input type="text" ng-model="nome"/>
  19. <label>Idade:</label> <input type="text" ng-model="idade"/>
  20. <button ng-click="inserir()">Adicionar</button>
  21. </fieldset>
  22. </form>
  23. </div>
  24.  
  25. <script>
  26. var app = angular.module('myApp', []);
  27. app.controller('UsuarioController', function($scope) {
  28.  
  29. $scope.clientes = [
  30. { "nome": "Marciano", "idade" : 30 },
  31. { "nome": "Joana", "idade" : 25 }
  32. ];
  33.  
  34. $scope.nome = "";
  35. $scope.idade = "";
  36.  
  37. $scope.inserir = function()
  38. {
  39. $scope.clientes.push({
  40. "nome" : $scope.nome,
  41. "idade" : $scope.idade
  42. });
  43. }
  44. });
  45. </script>
  46.  
  47. </body>
  48. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement