JSAngular-08A

ng-option

by munir

HTML

<html ng-app>
    <div ng-controller="Contacts">
        <div>
            <input type="text" ng-model="search">
        </div>
        <select ng-model="selected_person" ng-options="person.name for person in people | filter:search">
            <option value="">Choose a person:</option>
        </select>
        <div>
            <label>Name:</label><input ng-model="selected_person.name">
            <br>
            <label>Number</label><input ng-model="selected_person.number">
                
        </div>
    </div>
    <script>
       var Contacts = function($scope){
            $scope.people = [
                {name: 'tom Ashworth',number: '1234567890'},
                {name: 'Jeffrey Way',number: '0987654321'},
                {name: 'Joe Bloggs',number: '1230984756'}
            ]
       }; 
    </script>
</html>