Dynamic Dropdown List - Working

drop down list with options determined by search box

by p0lska

HTML

<div ng-app="myapp">
    <div ng-controller="ctrlParent">
        <input type="text" ng-model="search" />
         <div ng-repeat="item in list | filter:search">
            {{item}} -- $index:{{$index}}
         </div>

         <select ng-model="storedModel" ng-options="opt for opt in filteredArray | filter:search"></select>
    </div>
</div>

JavaScript

var app = angular.module('myapp',[]);
    app.controller('ctrlParent',function($scope,filterFilter){
        $scope.list = ["facebook","twitter","tumblr","google"];
        $scope.filteredArray = $scope.list;
        $scope.storedModel = $scope.filteredArray[0];
        $scope.$watch('search',function(newValue){
           $scope.filteredArray = filterFilter($scope.list, newValue);
           $scope.storedModel = $scope.filteredArray[0];
        });    
    });