如何根据设备更改菜单方向
How to change menu orientation based on device
如何根据设备更改syncfusion菜单方向?
示例 - https://stackblitz.com/edit/angular-ta4vpu?file=app%2Fapp.module.ts
我们已经检查了您报告的要求,可以在我们的菜单中实现。为了您的方便,我们准备了一个示例请在下面找到 link。
示例 link:https://stackblitz.com/edit/angular-thfhhx-kalrsu?file=app.component.ts
代码片段:
menuCreated(): void {
如果(Browser.isDevice){
this.menuObj.orientation = 'Vertical'
}
}
btnClick(args) {
this.menuObj.orientation =
this.menuObj.orientation === 'Horizontal' ? 'Vertical' : 'Horizontal';
}
请参阅以下帮助 link 了解有关此功能的更多详细信息。
演示 Link:https://ej2.syncfusion.com/angular/demos/#/material/menu/hamburger-mode
文档 Link:https://ej2.syncfusion.com/angular/documentation/menu/how-to/change-orientation/
API Link: https://ej2.syncfusion.com/angular/documentation/api/menu/#orientation
如何根据设备更改syncfusion菜单方向?
示例 - https://stackblitz.com/edit/angular-ta4vpu?file=app%2Fapp.module.ts
我们已经检查了您报告的要求,可以在我们的菜单中实现。为了您的方便,我们准备了一个示例请在下面找到 link。
示例 link:https://stackblitz.com/edit/angular-thfhhx-kalrsu?file=app.component.ts
代码片段:
menuCreated(): void { 如果(Browser.isDevice){ this.menuObj.orientation = 'Vertical' } } btnClick(args) { this.menuObj.orientation = this.menuObj.orientation === 'Horizontal' ? 'Vertical' : 'Horizontal'; }
请参阅以下帮助 link 了解有关此功能的更多详细信息。
演示 Link:https://ej2.syncfusion.com/angular/demos/#/material/menu/hamburger-mode
文档 Link:https://ej2.syncfusion.com/angular/documentation/menu/how-to/change-orientation/
API Link: https://ej2.syncfusion.com/angular/documentation/api/menu/#orientation