Eu estou tentando implementar um typeahead em Angular usandohttp://angular-ui.github.io/bootstrap/, onde o campo typeahead exibe endereços completos, mas uma vez clicado, outro campo é preenchido com apenas o código postal para esse endereço. Estou tentando usar ng-change ou ng-click para isso, mas sem sucesso algum ..

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>

Alguma ideia?