AngularJS BootstrapUI Typeahead с возможностью выбора объектов и объектов

Я пытаюсь реализовать typeahead в Angular, используяhttp://angular-ui.github.io/bootstrap/где поле typeahead отображает полные адреса, но после нажатия на другое поле заполняется только почтовый индекс для этого адреса. Я пытаюсь использовать ng-change или ng-click для этого, но безуспешно ..

http://jsfiddle.net/UxTBB/2/

angular.module('myApp', ['ui.bootstrap'])
    .controller("mainCtrl", function ($scope) {
    $scope.selected = '';
    $scope.states = [{postcode:'B1',address:'Bull ring'},{postcode:'M1',address:'Manchester'}];
    $scope.setPcode = function(site) {
        $scope.selPcode = site.postcode;
        };
});

<div class="container">
    <div ng-controller="mainCtrl" class="row-fluid">
        <form class="row-fluid">
            <div class="container-fluid">
                postcode <input type="text" ng-model="selPcode" />
                typeahead <input type="text"  ng-change="setPcode(site)" ng-model="selected" typeahead="state.address for state in states | filter:$viewValue" />
            </div>
        </form>
    </div>
</div>

Есть идеи?

Ответы на вопрос(6)

Ваш ответ на вопрос