2014-07-08 81 views
6

我都是新來的Ionic,這是我的第一個項目。我正在使用底部的標籤導航創建一個小應用程序。AngularJS和Ionic。標題中的按鈕,標籤視圖

一個標籤視圖看起來是這樣的:

<ion-view title="Account"> 
    <ion-content class="has-header padding"> 
    <h1>Account</h1> 
    </ion-content> 
</ion-view> 

我想在頭旁邊的帳戶添加一個按鈕,並根據文檔使用離子導航欄元素,但沒有按鈕顯示出來當我嘗試這個。任何人都可以給我一個線索如何在標題視圖中添加按鈕?

回答

20

你可以利用離子導航鍵的是這樣的:

<ion-view title="Account"> 
    <ion-nav-buttons side="left"> 
     <button class="button" ng-click="doSomething()"> 
     I'm a button on the left of the navbar! 
     </button> 
    </ion-nav-buttons> 
    <ion-content class="has-header padding"> 
    <h1>Account</h1> 
    </ion-content> 
</ion-view> 

Example 1 Example 2

+1

謝謝.....! – user1121487

+0

你知道爲什麼它首先出現頁面內容已被加載? – user1121487

+0

codepen的例子? – V31