角度材料菜单栏演示不可重现

时间:2015-09-24 09:40:19

标签: angularjs angular-material

angular md-menu-bar演示显示新的嵌套菜单。在这里查看codepen上的代码:https://material.angularjs.org/latest/#/demo/material.components.menuBar

正如您所看到的,从代码集中,嵌套菜单会在悬停时打开,但在HTML中您可以看到按钮元素具有ng-click =" $ mdOpenMenu()"功能。我看不出这是怎么回事。我也未能为子菜单显示侧箭头。

人们是否能够复制此演示?我的代码如下:

   md-menu-bar
      md-menu(md-position-mode="target-right target", md-offset="0 40", width="4")
        button.ts-chart-icon.refresh-icon.glyphicon.glyphicon-certificate(ng-click="$mdOpenMenu()", md-menu-origin)
          md-tooltip(md-delay="0") Add Overlay
        md-menu-content.ts-menu-content(width="5")
          md-menu-item(md-menu-align-target)
            md-button(disabled="disabled", ng-if="!chartConfig.series") Add 50D Moving Average
            md-menu.nested-menu(ng-if="chartConfig.series")
              md-button(ng-click="$mdOpenMenu()") Add 50D Moving Average
              md-menu-content(ng-show="chartConfig.series", width="5")
                md-menu-item(ng-repeat="s in chartConfig.series")
                  md-button(ng-click="handleAdd50DMA_(s)") {{ s.name }}

1 个答案:

答案 0 :(得分:0)

我从角度材料0.10.1升级到0.11,现在工作正常。