Advertisement
Guest User

index.html

a guest
Apr 18th, 2015
194
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 2.06 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html ng-app="myApp">
  3.     <head>
  4.         <meta charset="UTF-8">
  5.         <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
  6.         <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap-theme.min.css">
  7.         <link rel="stylesheet" type="text/css" href="css/lattes.css"/>
  8.  
  9.         <title>Lattes</title>
  10.  
  11.     </head>
  12.  
  13.     <body>
  14.  
  15.         <h1>Buscador lattes</h1>
  16.         <div class="col-xs-12 col-md-12" id="teste">
  17.  
  18.         <!--Com botão-->
  19.         <input type="text" placeholder="Search" ng-model="busca">
  20.         <button type="submit" ng-click="buscar(busca)" class="btn btn-success">
  21.             <i classe="glyphicon glyphicon-search"></i></button>
  22.         <!--Sem botão-->
  23.         <!-- <input type="text" ng-model="data"ng-keyup="procurar(data)"> -->
  24.         </div>
  25.  
  26.         <!--CCM-->
  27.         <div id="lista" ng-controller="customersCtrl_ccm" , ng-controller="customersCtrl_mhlb">
  28.         <table class="table table-hover table-bordered table-striped " border="1">
  29.             <thead>
  30.                     <tr>
  31.                         <th>Data</th>
  32.                         <th>Artigo</th>
  33.                         <th>Qualis</th>
  34.                         <th>Evento</th>
  35.                     </tr>
  36.             </thead>
  37.             <tbody>
  38.                 <tr ng-repeat="x in lista | filter:search">
  39.                     <td>{{x.ano}}</td>
  40.                     <td>{{x.artigo}}</td>
  41.                     <td>{{x.qualis}}</td>
  42.                     <td>{{x.evento}}</td>
  43.                 </tr>
  44.             </tbody>
  45.         </table>
  46.  
  47.         <!--CCM-->
  48.  
  49.         <!--MHLB-->
  50.  
  51.         <table class="table table-hover table-bordered table-striped " border="1">
  52.         <!--    <thead>
  53.                     <tr>
  54.                         <th>Data</th>
  55.                         <th>Artigo</th>
  56.                         <th>Qualis</th>
  57.                         <th>Evento</th>
  58.                     </tr>
  59.             </thead> -->
  60.             <tbody>
  61.                 <tr ng-repeat="m in lista | filter:search">
  62.                     <td>{{m.ano}}</td>
  63.                     <td>{{m.artigo}}</td>
  64.                     <td>{{m.qualis}}</td>
  65.                     <td>{{m.evento}}</td>
  66.                 </tr>
  67.             </tbody>
  68.         </table>
  69.         </div>
  70.         <!--MHLB-->
  71.     </body>
  72.     <script src="lib/angular.js"></script>
  73.     <!--<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>-->
  74.     <script type="text/javascript" src="js/app.js"></script>
  75. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement