我是Ionic的新手,并且正在使用sidemenu
在Ionic 4中开发一个基本应用程序。
我在侧边菜单中添加了一个按钮,当我单击该按钮时,菜单未切换。有人可以帮我吗?
这是我正在尝试的代码。<ion-button color="primary" (click)="function()" class="class" menuToggle expand="block" fill="outline">
text
</ion-button>
不重复问题的说明
请检查粗体字,我已经有一个正常工作的副菜单,但是问题是当我单击ion-button
而不是ion-item
时,我想关闭该副菜单。
最佳答案
只需将ion-button
封装在ion-menu-toggle
元素中,如下所示:
<ion-menu-toggle>
<ion-button>Toggle Menu</ion-button>
</ion-menu-toggle>
View the documentation here
编辑:
如果您不想使用
ion-menu-toggle
,则可以执行以下操作:在您的app.component.ts中:
import { MenuController } from '@ionic/angular'; //import MenuController to access toggle() method.
@Component({
selector: 'app-root',
templateUrl: 'app.component.html'
})
export class AppComponent {
constructor(
public menuCtrl: MenuController
) {
this.initializeApp();
}
toggleMenu() {
this.menuCtrl.toggle(); //Add this method to your button click function
}
}
并在您的app.component.html中:
<ion-button (click)="toggleMenu()">Toggle Menu</ion-button>
要查看所有方法,请check the docs here。
关于ionic-framework - 如何在Ionic 4中切换菜单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53803975/