将 Ionic 中的按钮动态添加到导航栏
Dynamically add buttons in Ionic to Nav-bar
我有一个导航栏,我想在导航栏中添加一个仅用于一个屏幕的保存按钮。我正在阅读博客,每个人都在说如何在视图中声明按钮而不是在控制器中访问它们。这一切都很好,但我不得不想象人们仍然想要隐藏和显示导航按钮。我错过了什么吗?
<body ng-app="App">
<!-- The nav bar that will be updated as we navigate -->
<ion-nav-bar class="bar-positive">
<ion-nav-back-button> </ion-nav-back-button>
<ion-nav-buttons side="right">
<button id="saveButton" class="button button-clear">Save</button>
</ion-nav-buttons>
</ion-nav-bar>
<ion-nav-view></ion-nav-view>
</body>
您可以在包含 <ion-view>
的任何屏幕的导航栏左侧或右侧添加按钮。喜欢
<ion-view title="New Screen">
<ion-nav-buttons side="primary">
<button class="button" ng-click="doSomething()">
New Button
</button>
</ion-nav-buttons>
</ion-view>
所以这个"New Button"只会为"New Screen"而来。
以防您只是想隐藏那个特定的右导航按钮。你可以用
<ion-nav-buttons side="right" >
</ion-nav-buttons>
我有一个导航栏,我想在导航栏中添加一个仅用于一个屏幕的保存按钮。我正在阅读博客,每个人都在说如何在视图中声明按钮而不是在控制器中访问它们。这一切都很好,但我不得不想象人们仍然想要隐藏和显示导航按钮。我错过了什么吗?
<body ng-app="App">
<!-- The nav bar that will be updated as we navigate -->
<ion-nav-bar class="bar-positive">
<ion-nav-back-button> </ion-nav-back-button>
<ion-nav-buttons side="right">
<button id="saveButton" class="button button-clear">Save</button>
</ion-nav-buttons>
</ion-nav-bar>
<ion-nav-view></ion-nav-view>
</body>
您可以在包含 <ion-view>
的任何屏幕的导航栏左侧或右侧添加按钮。喜欢
<ion-view title="New Screen">
<ion-nav-buttons side="primary">
<button class="button" ng-click="doSomething()">
New Button
</button>
</ion-nav-buttons>
</ion-view>
所以这个"New Button"只会为"New Screen"而来。
以防您只是想隐藏那个特定的右导航按钮。你可以用
<ion-nav-buttons side="right" >
</ion-nav-buttons>