angularjs material - Md-Menu dropdown menu automatically closing when executing a function in background

Question

I have the following menu in my HTML view:

<md-menu>
  <md-button class="md-icon-button" ng-click="$mdOpenMenu($event)">
    <md-icon md-font-icon="icon-dots-vertical"></md-icon>
  </md-button>
  <md-menu-content width="2">
    <md-menu-item>
      <md-button ng-click="vm.showItem($event, item)">Show Item</md-button>
    </md-menu-item>
    <md-menu-item>
      <md-button ng-click="vm.downloadItem($event, item, true)"></md-button>
    </md-menu-item>
  </md-menu-content>
</md-menu>

In my controller I defined a function that I need to run every 10 seconds:

$interval(function () {
   getItems();
}, 10000);

The problem I'm facing is that the menu automatically closes every time the getItems function is called.

I tried to add the md-prevent-menu-close attribute, but it keeps the menu dropdown open only if I click on one of the menu items.

Answer 1

等待大神答复