feat(select): add mdOnClose expression eval event

closes #3217

src/components/select/select.js

@@ -41,6 +41,7 @@ angular.module('material.components.select', [
  * @description Displays a select box, bound to an ng-model.
  *
  * @param {expression} ng-model The model!
+ * @param {expression=} md-on-close expression to be evaluated when the select is closed
  * @param {boolean=} multiple Whether it's multiple.
  * @param {string=} placeholder Placeholder hint text.
  * @param {string=} aria-label Optional label for accessibility. Only necessary if no placeholder or
@@ -155,7 +156,7 @@ function SelectDirective($mdSelect, $mdUtil, $mdTheming, $mdAria, $interpolate,
  $mdTheming(element);
 
  if (attr.name && formCtrl) {
- var selectEl = element.parent()[0].querySelector('select[name=".' + attr.name + '"]')
+ var selectEl = element.parent()[0].querySelector('select[name=".' + attr.name + '"]');
  formCtrl.$removeControl(angular.element(selectEl).controller());
  }
 
@@ -177,6 +178,10 @@ function SelectDirective($mdSelect, $mdUtil, $mdTheming, $mdAria, $interpolate,
  val ? labelEl.addClass('md-placeholder') : labelEl.removeClass('md-placeholder');
  };
 
+ mdSelectCtrl.triggerClose = function() {
+ $parse(attr.mdOnClose)(scope);
+ };
+
  scope.$$postDigest(function() {
  setAriaLabel();
  syncLabelText();
@@ -879,6 +884,7 @@ function SelectProvider($$interimElementProvider) {
  opts.restoreScroll();
  }
  if (opts.restoreFocus) opts.target.focus();
+ mdSelect && mdSelect.triggerClose();
  });
  }
 

src/components/select/select.spec.js

@@ -108,6 +108,20 @@ describe('<md-select>', function() {
  expect(select.attr('aria-disabled')).toBe('true');
  }));
 
+ it('calls the md-on-close fn on close', inject(function($document, $rootScope) {
+ var called = false;
+ $rootScope.onClose = function() {
+ called = true;
+ };
+ var select = setupSelect('ng-model="val", md-on-close="onClose()"', [1, 2, 3]);
+ openSelect(select);
+
+ $document.find('md-option')[0].click();
+ waitForSelectClose();
+
+ expect(called).toBe(true);
+ }));
+
  xit('closes the menu if the element is destroyed', inject(function($document, $rootScope) {
  var select = setupSelect('ng-model="val"');