title: angularjs multiselect dropdown makes page heavy due to document's click event
body: <p>I have implemented this angular multiselect dropdown.
  <a href="http://dotansimha.github.io/angularjs-dropdown-multiselect/#/" rel="nofollow">http://dotansimha.github.io/angularjs-dropdown-multiselect/#/</a></p>
  
  <p>It has below method which keeps tracking event to close dropdowns which are open.</p>
  
  <pre><code> if ($scope.settings.closeOnBlur) {
       $document.on('click', function (e) {
               // some code here
       });
   }
  </code></pre>
  
  <p>You can find this method at 
  <a href="https://github.com/dotansimha/angularjs-dropdown-multiselect/blob/master/src/angularjs-dropdown-multiselect.js" rel="nofollow">https://github.com/dotansimha/angularjs-dropdown-multiselect/blob/master/src/angularjs-dropdown-multiselect.js</a></p>
  
  <p>This method makes my angularJS page heavy which inturn deteriotes performance.</p>
  
  <p>What's can be done as an alternative ?</p>
  
  <p>Thanks.</p>