0
我已经添加角材料到我的meanjs项目,并玩造型的第一个元素。我也确保每个其他样式都从该项目中删除..所以只有默认的角度样式被加载。稍微移动使用角材料的元素
<md-menu md-position-mode="target-right target">
<md-button aria-label="Open profile actions" ng-click="openMenu($mdOpenMenu, $event)" md-menu-origin>
<img alt="{{authentication.user.displayName}}" class="header-profile-image" data-ng-src="{{authentication.user.profileImageURL}}"/>
<span data-ng-bind="authentication.user.displayName"></span>
</md-button>
<md-menu-content width="4">
<md-menu-item data-ui-sref-active="active">
<md-button data-ui-sref="settings.profile">
<ng-md-icon icon="account_circle"></ng-md-icon>
<span md-menu-align-target>Edit Profile</span>
</md-button>
</md-menu-item>
<md-menu-item data-ui-sref-active="active">
<md-button data-ui-sref="settings.picture">
<ng-md-icon icon="photo" md-menu-align-target></ng-md-icon>
Change Profile Picture
</md-button>
</md-menu-item>
<md-menu-item data-ui-sref-active="active" data-ng-show="authentication.user.provider === 'local'">
<md-button data-ui-sref="settings.password">
<ng-md-icon icon="lock" md-menu-align-target></ng-md-icon>
Change Password
</md-button>
</md-menu-item>
<md-menu-item data-ui-sref-active="active">
<md-button data-ui-sref="settings.accounts">
<ng-md-icon icon="share" md-menu-align-target></ng-md-icon>
Manage Social Accounts
</md-button>
</md-menu-item>
<md-menu-divider></md-menu-divider>
<md-menu-item data-ui-sref-active="active">
<md-button href="/api/auth/signout" target="_self">
<ng-md-icon icon="logout" md-menu-align-target></ng-md-icon>
Signout
</md-button>
</md-menu-item>
</md-menu-content>
</md-menu>
然而,这导致与错位文本和图标的菜单,即使我删除的图标:现在
,例如,我在这里使用此代码创建了一个MD-工具栏MD-菜单。他们应该被垂直居中就像你可以在这里看到: https://material.angularjs.org/HEAD/#/demo/material.components.menu
同样的问题提出了创建这样一个菜单图标:
<md-button aria-label="Open the sidebar" class="md-icon-button menu" ng-click="toggleSideNav()">
<ng-md-icon icon="menu" style="fill: #fff;" md-menu-align-target></ng-md-icon>
</md-button>
但是..对于我来说用一些css规则解决这个问题没有问题..但是我想这个问题一定是在别的地方?任何人有想法?我检查了千次的角度材料文档,无法弄清楚什么是错误的。
谢谢!
谢谢您的回答!用' '替换图标'结束,没有图标出现。即使在我从项目中删除角度材质图标后:没有图标的文字也会错误地对齐。 –
user2030592
切换到角材料图标主分支固定md图标没有显示和与菜单按钮issu! :)但下拉菜单的问题仍然存在。 – user2030592