javascript - 如何在 md-select 内单击按钮时关闭 md-select？

Question

如何在 md-select 窗口内单击按钮时关闭 md-select？

JS

$scope.closeSelectBox = () => {
  var esc = jQuery.Event("keydown");
  esc.which =  27
  esc.keyCode = 27
  $(document).trigger(esc)
}

HTML

<md-input-container style="max-width: 150px; width: 150">
  <label>Helper:</label>
  <md-select ng-model='vm.selectedHelpers' multiple>
    <md-select-header style="height: 25px">
      <md-button ng-click="closeSelectBox()">Close</md-button>
    </md-select-header>
    <md-option ng-repeat='item in vm.helpers' ng-value='item'>
      {{item.name}}
    </md-option>
  </md-select>
</md-input-container>

jsFiddle

Answer 1

已解决 只需要触发点击 md-backdrop

$("md-backdrop").trigger ("click")

Working Fiddle