Angular Material multi ng-menu不能与Jquery一起使用

Question

我有Angular 1.5.4应用程序，我使用Angular材料，我的应用程序也使用Jquery 1.8.3。我的目标是创建多个菜单，如codepen。

<md-menu-bar>
      <md-menu>
        <button class="md-button md-raised md-default" ng-click="$mdOpenMenu()">
          Menu
        </button>
        <md-menu-content>           
          <md-menu-item>
            <md-menu>
              <md-button ng-click="$mdOpenMenu()">Link1</md-button>
              <md-menu-content>
                <md-menu-item><md-button>Document</md-button></md-menu-item>
                <md-menu-item><md-button>File</md-button></md-menu-item>
              </md-menu-content>
            </md-menu>
          </md-menu-item>
          <md-menu-item>
            <md-menu>
              <md-button ng-click="$mdOpenMenu()">Link2</md-button>
              <md-menu-content>
                <md-menu-item><md-button>Document</md-button></md-menu-item>
                <md-menu-item><md-button>File</md-button></md-menu-item>
              </md-menu-content>
            </md-menu>
          </md-menu-item>            
        </md-menu-content>
      </md-menu>   
    </md-menu-bar>

但我在浏览器控制台中收到错误：