Advertisement
Guest User

Untitled

a guest
Mar 19th, 2014
243
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 1.44 KB | None | 0 0
  1. <!-- DEMO.HTML -->
  2.  
  3. <!doctype html>
  4. <html lang="en"  ng-app>
  5. <head>
  6.     <meta charset="UTF-8">
  7.     <title>Angular Bootstrap TypeAhead</title>
  8.     <script src="libs/jquery-1.11.0.min.js"></script>
  9.     <script src="libs/angular.min.js"></script>
  10.     <script src="demo.js"></script>
  11.     <script src="libs/ui-bootstrap-tpls-0.10.0.min.js"></script>
  12.    
  13.     <link rel="stylesheet" href="libs/bootstrap.min.css">    
  14. </head>
  15. <body>
  16. <div class='container-fluid' ng-controller="TypeaheadCtrl">
  17.  
  18.     <h4>Static arrays</h4>
  19.     <pre>Model: {{selected | json}}</pre>
  20.     <input type="text" ng-model="selected" typeahead="state for state in states | filter:$viewValue | limitTo:8" class="form-control">
  21. </div>
  22. </body>
  23. </html>
  24.  
  25. <!-- demo.js -->
  26. function TypeaheadCtrl($scope, $http) {
  27.   $scope.selected = undefined;
  28.   $scope.states = ['Alabama', 'Alaska', 'Arizona', 'Arkansas', 'California', 'Colorado', 'Connecticut', 'Delaware', 'Florida', 'Georgia', 'Hawaii', 'Idaho', 'Illinois', 'Indiana', 'Iowa', 'Kansas', 'Kentucky', 'Louisiana', 'Maine', 'Maryland', 'Massachusetts', 'Michigan', 'Minnesota', 'Mississippi', 'Missouri', 'Montana', 'Nebraska', 'Nevada', 'New Hampshire', 'New Jersey', 'New Mexico', 'New York', 'North Dakota', 'North Carolina', 'Ohio', 'Oklahoma', 'Oregon', 'Pennsylvania', 'Rhode Island', 'South Carolina', 'South Dakota', 'Tennessee', 'Texas', 'Utah', 'Vermont', 'Virginia', 'Washington', 'West Virginia', 'Wisconsin', 'Wyoming'];
  29. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement