Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/372.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 错误:md菜单的HTML无效:该菜单应包含“md菜单内容”元素_Javascript_Angularjs_Angular Material - Fatal编程技术网

Javascript 错误:md菜单的HTML无效:该菜单应包含“md菜单内容”元素

Javascript 错误:md菜单的HTML无效:该菜单应包含“md菜单内容”元素,javascript,angularjs,angular-material,Javascript,Angularjs,Angular Material,我正在尝试角材料菜单 <md-menu class="address-menu" layout="row " layout-align="end-center " flex="10 "> <md-button ng-click="vm.openMenu($mdOpenMenu, $event);vm.showAddressMenu(cartItemDetails)" class="address-menu-icon"> <i

我正在尝试角材料菜单

 <md-menu class="address-menu" layout="row " layout-align="end-center " flex="10 ">
       <md-button  ng-click="vm.openMenu($mdOpenMenu, $event);vm.showAddressMenu(cartItemDetails)" class="address-menu-icon">
           <i class="material-icons">more_vert</i>
       </md-button>
      <apt-address-menu ng-if="itemDetails.showAddressMenu " details="itemDetails "></apt-address-menu>
</md-menu>

任何帮助都将不胜感激。

md menu指令在编译时需要DOM中的一些元素,至少在1.1.4中是这样。 具体来说,它需要在md菜单元素的正下方有一个md菜单内容

这就是为什么不能将md菜单内容放入您自己的指令模板中的原因,因为DOM将如下所示:

<md-menu>
<my-directive> <- Not md-menu-content
***here starts your directive***
<md-menu-content>
***code of your directive***
</md-menu-content>
***here ends your directive***
</my-directive>
<md-menu>


是以@Tik开头的html代码是的,这是指令模板我没有解决方案对不起。我怀疑它会起作用。有什么原因不能保持它的嵌套状态吗?因为菜单在这里是可恢复的
Error: Invalid HTML for md-menu: Expected the menu to contain a `md-menu-content` element.
<md-menu>
<my-directive> <- Not md-menu-content
***here starts your directive***
<md-menu-content>
***code of your directive***
</md-menu-content>
***here ends your directive***
</my-directive>
<md-menu>
<md-menu-item >
    <md-button translate="ADDRESS_MENU.DUPLICATE"></md-button>
</md-menu-item>
<md-menu-item ng-click="vm.showShippingLocations()">
    <md-button translate="ADDRESS_MENU.CHANGE_ADDRESS"></md-button>
</md-menu-item>
<md-menu-item ng-click="vm.changeDefaultAddress()">
    <md-button translate="ADDRESS_MENU.DEFAULT_ADDRESS"></md-button>
</md-menu-item>
<md-menu-item >
    <md-button translate="ADDRESS_MENU.DELETE_CART"></md-button>
</md-menu-item>
<md-menu class="address-menu" layout="row " layout-align="end-center " flex="10 ">
       <md-button  ng-click="vm.openMenu($mdOpenMenu, $event);vm.showAddressMenu(cartItemDetails)" class="address-menu-icon">
           <i class="material-icons">more_vert</i>
       </md-button>
<md-menu-content>
      <apt-address-menu ng-if="itemDetails.showAddressMenu " details="itemDetails "></apt-address-menu>
</md-menu-content>
</md-menu>