Angular ui-select ng-blur

Question

I am using ui-select and want to use ng-blur on ui select, but the function I am trying to call on ng-blur is not triggering.
ng-blur is not working on ui-select .

<ui-select ng-blur="getdetails()" ng-model="$root.caseSearchModel.progressionDesc"
skip-focusser="true" id="current_progression_description">
    <ui-select-match>
        <span ng-bind-html="$select.selected.DESC1"></span>
    </ui-select-match>
    <ui-select-choices repeat="item.DESC2 as item in progressionDescs | filter: { DESC2: $select.search }">
        <div ng-bind-html="item.DESC1 | highlight: $select.search"></div>
    </ui-select-choices>
    <ui-select-no-choice>
        Does not match.
    </ui-select-no-choice>
</ui-select>
$scope.getdetails = function () {
    console.log("i am in blur function");
}

I want to trigger the function getdetails every time the user leaves the ui-select .

Answer 1

It's not very clear what do you want but, if you want to take some detail about selected item, you can use this event:

<ui-select on-select="getDetails($item, $model)"> ... </<ui-select>

Answer 2

With version 0.19.0 of ui-select , you can pass a directive called uis-open-close to which you can pass a callback that is called whenever the dropdown is opened or closed.

It contain isOpen as an argument which is set to true if the dropdown has been opened, otherwise false.

https://github.com/angular-ui/ui-select/wiki/uis-open-close