2017-09-06 91 views
1

我想設置爲在輸入文本的左側menuToggle按鈕我用這個代碼:ionic2:menuToggle按鈕對齊到右自動

<div id="searchDiv"> 
     <ion-item> 
      <button item-start ion-button icon-only color="dark" menuToggle> 
       <ion-icon name="menu"></ion-icon> 
      </button> 
      <input type="text" placeholder="I'm Searching For .." [(ngModel)]="searchInput" /> 
     </ion-item> 
    </div> 

,我得到這樣的輸出: the output with menuToggle in tag <button>

如果我從標籤按鈕刪除menuToggle是:

<button item-start ion-button icon-only color="dark" menuToggle> 
    <ion-icon name="menu"></ion-icon> 
</button> 

它左對齊正確的,我不知道什麼是menuToggle問題,我應該怎麼辦?

回答

2

src\app\app.html設置此:

<ion-menu [content]="content" side='right'> 

這將正常工作。

,如果你想在右側菜單切換再去做,這將在您的網頁

<div class="bar bar-header"> <h1 class="title">Header Buttons</h1> <button item-start ion-button icon-only color="dark" menuToggle> <ion-icon name="menu"></ion-icon> </button> </div> 

使用此代碼按鈕

+0

它不會在其他頁面menuToggle按鈕對齊正確,它只是排列在上述情況下向右! –

+0

如果你想在右側菜單切換再去做 和 「

Header Buttons

」 使用了按鈕的代碼 –