Advertisement
sombriks

agenda.html

Jun 5th, 2014
268
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 1.00 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html ng-app>
  3.     <head>
  4.         <script type="text/javascript" src="angular-1.3.0-beta.10.min.js"></script>
  5.         <script type="text/javascript" src="agenda.js"></script>
  6.         <meta charset="utf-8">
  7.     </head>
  8.     <body ng-controller="AgendaCtrl">
  9.         <label>Nome</label><br/>
  10.         <input ng-model="item.nome"/><br/>
  11.         <label>Endereço</label><br/>
  12.         <input ng-model="item.endereco"/><br/>
  13.         <label>Telefone</label><br/>
  14.         <input ng-model="item.telefone"/><br/>
  15.         <button ng-click="salvar()">Salvar</button>
  16.         <hr/>
  17.         <table style="width:100%">
  18.             <thead>
  19.                 <tr>
  20.                     <th>Nome</th>
  21.                     <th>Endereço</th>
  22.                     <th>Telefone</th>
  23.                     <th></th>
  24.                 </tr>
  25.             </thead>
  26.             <tbody>
  27.                 <tr ng-repeat="i in lista">
  28.                     <td>{{i.nome}}</td>
  29.                     <td>{{i.endereco}}</td>
  30.                     <td>{{i.telefone}}</td>
  31.                     <td>
  32.                         <button title="Editar" ng-click="editar($index)">E</button>
  33.                         <button title="Editar" ng-click="excluir($index)">X</button>
  34.                     </td>
  35.                 </tr>
  36.             </tbody>
  37.         </table>
  38.     </body>
  39. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement