почему моя функция mouseleave () не работает с моим родительским меню - PullRequest
Новая
       13

почему моя функция mouseleave () не работает с моим родительским меню

0 голосов
/ 20 марта 2020

Я создал вложенную строку меню, используя angularjs материал .am пытается автоматически закрыть панель меню, когда мышь покидает строку меню, но ng-mouseleave не происходит, мой код, 

 <md-menu>
      <md-button aria-label="Open menu with custom trigger"
                 class="md-icon-button" ng-click="$mdMenu.open()">
        <md-icon md-menu-origin="" md-svg-icon="call:textsms"></md-icon>
      </md-button>

<!-- this ng-mouseleave close function is not working -->
      <md-menu-content ng-mouseleave="$mdMenu.close()">
          <md-menu-item><md-button>1</md-button></md-menu-item>
          <md-menu-item>
             <md-menu class="nested-menu">
                  <md-button ng-click="$$mdMenu.open($event)">2</md-button>
                  <md-menu-content ng-mouseleave="$mdMenu.close($event)">
                        <md-menu-item>
                            <md-button >11</md-button>
                        </md-menu-item>
                        <md-menu-item>
                              <md-button >22</md-button>
                        </md-menu-item>
                        <md-menu-item>
                              <md-button>33</md-button>
                        </md-menu-item>
                  </md-menu-content>
             </md-menu>
         </md-menu-item>
         <md-menu-item><md-button>3</md-button></md-menu-item>
      </md-menu-content>
    </md-menu>

Вот моя кодовая ссылка: https://codepen.io/pradeep990256/pen/rNVrzMZ?editors=1011

...