AngularJS dropdown directive hide when clicking outside

Question

I\'m trying to create a multiselect dropdown list with checkbox and filter option. I\'m trying to get the list hidden with I click outside but could not figure it out how. A

Answer 1

Use angular-click-outside

Installation:

bower install angular-click-outside --save
npm install @iamadamjowett/angular-click-outside
yarn add @iamadamjowett/angular-click-outside

Usage:

angular.module('myApp', ['angular-click-outside'])

//in your html

...


//And then in your controller
$scope.closeThis = function () {
    console.log('closing');
}