ionic2:menuToggle按钮自动对齐

时间:2017-09-06 07:10:50

标签: ionic-framework 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有什么问题,我该怎么办?

1 个答案:

答案 0 :(得分:3)

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>

将此代码用于按钮