Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.9/angular.min.js">
- </script>
- <body>
- <div ng-app="myApp"
- ng-controller="UsuarioController">
- <ul>
- <li ng-repeat="cliente in clientes">
- {{cliente.nome}}, {{cliente.idade}}
- </li>
- </ul>
- <form>
- <fieldset>
- <legend>Adicionar</legend>
- <label>Nome:</label> <input type="text" ng-model="nome"/>
- <label>Idade:</label> <input type="text" ng-model="idade"/>
- <button ng-click="inserir()">Adicionar</button>
- </fieldset>
- </form>
- </div>
- <script>
- var app = angular.module('myApp', []);
- app.controller('UsuarioController', function($scope) {
- $scope.clientes = [
- { "nome": "Marciano", "idade" : 30 },
- { "nome": "Joana", "idade" : 25 }
- ];
- $scope.nome = "";
- $scope.idade = "";
- $scope.inserir = function()
- {
- $scope.clientes.push({
- "nome" : $scope.nome,
- "idade" : $scope.idade
- });
- }
- });
- </script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement