2015-07-19 125 views
1

,所以我正在做我的單頁申請一個側面菜單,我得到了側面菜單的工作,但我不能顯示的主要內容。我不確定哪裏出了問題。我無法在我的頁面中顯示單詞hello world。任何人有一個想法?離子側面菜單

這裏是我的代碼

<ion-tab title="Draft" ng-controller="textController"> 
      <ion-side-menus> 
       <ion-side-menu-content> 
        <ion-header-bar class="bar-positive"> 
         <button class="button button-icon" ng-click="toggleLeft()" menu-toggle="left"> 
          <i class="icon ion-navicon"></i> 
         </button> 

         <h1 class="title"> Details</h1> 
        </ion-header-bar> 
       </ion-side-menu-content> 


       <ion-side-menu side="left"> 
        <header class="bar bar-header bar-assertive"> 
         <h1 class="title">Menu</h1> 
        </header> 

        <ion-list> 
         <ion-item> 
          Home 
         </ion-item> 
         <ion-item> 
          About 
         </ion-item> 
         <ion-item> 
          Setting 
         </ion-item> 
         <ion-item> 
          Log out 
         </ion-item> 
        </ion-list> 
       </ion-side-menu> 
      </ion-side-menus> 

      <ion-content> 

       Hello World 

      </ion-content> 
     </ion-tab> 

這裏是我的控制器:

angular.module('app') 

.controller('textController', function ($scope, $ionicSideMenuDelegate) { 
    $scope.toggleLeft = function() { 
     $ionicSideMenuDelegate.toggleLeft(); 
    } 
}); 

回答

1

繼官方離子文檔(http://ionicframework.com/docs/guide/starting.html)似乎是你的 「Hello World」 的內容應該是一個<ion-side-menu-content>標籤內,不是一個簡單的<ion-content>。請嘗試一下,讓我知道如果這可以解決您的問題。

+0

嗨rssedoardo,謝謝你的幫助。我已經嘗試了你的建議,而且它確實有幫助! :)但是,我不確定爲什麼你不能把東西放在,而不是你在使用側邊菜單時使用。 –

+0

''用於識別應用程序的「中心內容」;在這些標籤內部,您可能會有多個標籤(請參閱我在答案中插入的鏈接,您可以看到他們如何在''中使用多個標籤)。請記住,您可能想要將不同的控制器連接到不同的標籤。我很高興我能夠幫助! –

+0

rssedoardo嗨,只是打算讓你知道,你居然還需要包括<離子側面菜單內容>裏面的標籤這樣 <離子側菜單內容> 的東西和事物去這裏 否則,你會得到這個錯誤:Uncaught TypeError:無法讀取屬性'freeze'null –