2014-07-08 34 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