ionic2：menuToggle 按钮自动右对齐

Question

我想在输入文本的左侧设置 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>

我得到这个输出：

如果我从标签按钮中删除 menuToggle 为：

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

它左对齐正确，我不知道menuToggle有什么问题，我该怎么办？

Answer 1

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

将此代码用于按钮