稍微移動使用角材料的元素

我已經添加角材料到我的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規則解決這個問題沒有問題..但是我想這個問題一定是在別的地方？任何人有想法？我檢查了千次的角度材料文檔，無法弄清楚什麼是錯誤的。

謝謝！

來源

2015-09-06 user2030592

這是因爲您將Angular Material與Angular Material圖標（ng-md-icon）混合使用，這是兩個不同的項目，但ng-md-icon球員已將補丁庫用於與Angular Material一起運行，但您必須使用角材質指令md-icon像這樣：

相反的：

<ng-md-icon icon="account_circle"></ng-md-icon>

你可以使用：

<md-icon ng-md-icon icon="account_circle"></md-icon>

來源

2015-09-06 22:18:53 fixmycode

謝謝您的回答！用''替換圖標'結束，沒有圖標出現。即使在我從項目中刪除角度材質圖標後：沒有圖標的文字也會錯誤地對齊。 – user2030592

切換到角材料圖標主分支固定md圖標沒有顯示和與菜單按鈕issu！ :)但下拉菜單的問題仍然存在。 – user2030592

稍微移動使用角材料的元素

回答

相關問題