如何关闭md-select中的md-select按钮?

时间:2017-06-08 13:33:35

标签: javascript jquery angularjs

如何在md-select窗口内关闭我的md-select on按钮?

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

1 个答案:

答案 0 :(得分:0)

<强>解决 只需触发点击md-backdrop

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

Working Fiddle