2016-01-22 58 views
0

我正在使用角度材料和UI路由器的發生器角度全堆。當爲UI路由器加載時,角度材料按鈕文本消失

client/index.html

<div layout="column" flex="100"> 
     <md-toolbar> 
      <md-button ng-click="wb.toggleLeft()">Left</md-button> 
      header 
      <md-button ng-click="wb.toggleRight()">Right</md-button> 
     </md-toolbar> 
    </div> 
    <!-- Add your site or application content here --> 
    <div ui-view="" layout="column" flex="100"> 

但我是裝在ui-view的觀點:

$stateProvider 
     .state('dashboard', { 
     url: '/dashboard', 
     views:{ 
      '@':{ 
       templateUrl: 'assets/layouts/dashboard_layout.html', 
       controller: 'DashboardCtrl', 
       controllerAs: 'wb' 
      }, 
      '[email protected]':{ 
       templateUrl: 'assets/layouts/partials/dashboard_header.html', 
      } 
     } 
     }); 

而且在assets/layouts/dashboard_layout.html的HTML是

<md-toolbar> 
    <md-button flex ng-click="wb.toggleLeft()"> Left </md-button> 
    header 
    <md-button flex ng-click="wb.toggleRight()"> Right </md-button> 
</md-toolbar> 

現在,當我訪問/dashboard ,那md-toolbar那設置爲index.html正確顯示,但在ui-view容器中加載的按鈕似乎缺少LeftRight按鈕標籤,並且我得到了空按鈕。

任何想法,我可能做錯了什麼?

編輯:看來,錯誤與ui-view無關,因爲按鈕標籤也在plunkr中消失。 http://plnkr.co/edit/Z3Uot9N1bh4smjHgOs8P?p=preview

+0

你可以創建一個有幫助的重擊程序嗎 –

+0

是否有任何控制檯錯誤? – shakib

+0

@shakib,不會有錯誤 –

回答

0

檢查以下普拉克,Toolbar buttons都出現了文字,左側導航也是在你普拉克添加

Working link

誤區:

1.You被注入而不是$ mdSidenav

$ materialSidenav

在0.4.1 $ materialSidenav被重命名爲$ mdSidenav。