Javascript 角度材质菜单：单击菜单按钮时出现视图_Javascript_Css_Angularjs_Material Design_Angular Material

Javascript 角度材质菜单：单击菜单按钮时出现视图

javascript css angularjs angular-material

Javascript 角度材质菜单：单击菜单按钮时出现视图,javascript,css,angularjs,material-design,angular-material,Javascript,Css,Angularjs,Material Design,Angular Material,我尝试添加材质菜单组件以查看。但当我单击菜单（查看其选项）时，似乎视图是在其他组件上渲染的。我不希望渲染此视图。我怎样才能防止呢这是我的代码： <body id="page-top" class="landing-page" style="background:transparent !important;"> <div class="navbar-wrapper" style="position:absolute !important; margin:0">

我尝试添加材质菜单组件以查看。但当我单击菜单（查看其选项）时，似乎视图是在其他组件上渲染的。我不希望渲染此视图。我怎样才能防止呢

这是我的代码：

<body id="page-top" class="landing-page" style="background:transparent !important;">
    <div class="navbar-wrapper" style="position:absolute !important; margin:0">
        <md-menu>
            <md-button ng-click="$mdOpenMenu($event)" class="md-icon-button">
                Click here to see menu items
            </md-button>
            <md-menu-content flex width="4" ng-model="$ctrl.ingredient">
                <md-menu-item ng-repeat="item in $ctrl.ingredients">
                    <md-button ng-click="$ctrl.insertIngredient(item.title, $event, field.Name, field.Type)"> <span md-menu-align-target>{{item.title}}</span> </md-button>
                </md-menu-item>
            </md-menu-content>
        </md-menu>
    </div>
</body>

我用chrome浏览器检查页面。似乎在点击菜单后，CSS属性“top”作为样式添加到body标签中。但问题是我不知道如何去除它

我也看到了一个问题：然而这对我没有任何帮助

提前谢谢。

您是否因为希望菜单更低而试图更改“顶部”位置？或者您正在试图阻止菜单的“打开”动画？目标是什么？我不太明白；）不，我不想菜单再低一点。我说了这个问题。当我单击菜单按钮（查看菜单项）时，页面组件上会呈现一个视图。实际上，它覆盖了组件，使它们不可见@DotBot

this.openMenu = function ($mdOpenMenu, ev) {
            originatorEv = ev;
            $mdOpenMenu(ev);
        };