2017-09-06 125 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

” 使用了按钮的代码 –