在Ionic中動態添加按鈕到導航欄

我有一個導航欄，我想爲導航欄添加一個保存按鈕只有一個屏幕。我正在閱讀博客，每個人都在說如何在視圖中聲明按鈕，而不是在控制器中訪問它們。這一切都很好，但我不得不想象，人們仍然想要隱藏和顯示導航按鈕。我錯過了什麼嗎？在Ionic中動態添加按鈕到導航欄

<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>

來源

2015-01-08 KickerKeeper

您可以在導航欄中含有<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>

任何屏幕上添加左側或右側按鈕，使這個「新按鈕」纔會來的「新屏幕「。

來源

2015-01-08 04:50:49

太棒了，比我做得更容易！ – KickerKeeper

很高興知道！這一個我開始脫髮了。 –

如果你只是想隱藏右側的導航按鈕關閉。你可以用

<ion-nav-buttons side="right" > 
</ion-nav-buttons>

來源

2016-07-05 06:19:26 Swap

在Ionic中動態添加按鈕到導航欄

回答

相關問題