This code snippet is for Angular autocomplete.
HTML:- <!doctype html>
- <html ng-app="plunker">
-
- <head>
- <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.5/angular.js"></script>
- <script src="http://angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.4.0.js"></script>
- <script src="example.js"></script>
- <link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.min.css" rel="stylesheet">
- </head>
-
- <body>
- <div class='container-fluid' ng-controller="TypeaheadCtrl">
- <pre>Model: {{selected| json}}</pre>
- <pre>{{states}}</pre>
- <input type="text" ng-change="onedit()" ng-model="selected" typeahead="state for state in states | filter:$viewValue">
- </div>
- </body>
-
- </html>
JS:- angular.module('plunker', ['ui.bootstrap']);
-
- function TypeaheadCtrl($scope)
- {
- $scope.selected = undefined;
- $scope.states = [];
- $scope.onedit = function()
- {
- $scope.states = [];
- for (var i = 0; i < Math.floor((Math.random() * 10) + 1); i++)
- {
- var value = "";
- for (var j = 0; j < i; j++)
- {
- value += j;
- }
- $scope.states.push(value);
- }
- }
- }