Edit in JSFiddle

var formController = function ($scope) {
    $scope.people = [{
        name: 'Mike',
        number: '1'
    }, {
        name: 'Donni',
        number: '2'
    }, {
        name: 'Raph',
        number: '3'
    }, {
        name: 'Leo',
        number: '4'
    }]
}
<div ng-app>
    <div ng-controller="formController">
        <input type="search" ng-model="search" placeholder="type to filter persons in dropdown list...">
        <hr>
        <select ng-model="selected_person" ng-options="person.name for person in people | filter:search">
            <option value="">Choose a person:</option>
        </select>
        <hr>{{selected_person.name || 'choose a person in dropdown list...'}}
            #{{selected_person.number}}
        <hr>
        <div>
            <label>Editable Name:</label>
            <input ng-model="selected_person.name">
            <hr>
            <label>Editable Number:</label>
            <input ng-model="selected_person.number">
        </div>
    </div>
</div>