angular - 如何根据设备更改菜单方向

Question

如何根据设备更改同步融合菜单方向？

示例 - https://stackblitz.com/edit/angular-ta4vpu?file=app%2Fapp.module.ts

Answer 1

我们已经检查了您报告的要求，并且可以在我们的菜单中实现。为了您的方便，我们准备了一个样品，请在下面找到链接。

示例链接：https ://stackblitz.com/edit/angular-thfhhx-kalrsu?file=app.component.ts

代码片段：

<button ejs-button (click)="btnClick()">改变方向 <ejs-menu #menu [items]='data' [fields]='menuFields' (created)='menuCreated()'>

menuCreated(): void { if (Browser.isDevice) { this.menuObj.orientation = 'Vertical' } } btnClick(args) { this.menuObj.orientation = this.menuObj.orientation === 'Horizo​​ntal' ？'垂直水平'; }

有关此功能的更多详细信息，请参阅以下帮助链接。

演示链接：https ://ej2.syncfusion.com/angular/demos/#/material/menu/hamburger-mode

文档链接：https ://ej2.syncfusion.com/angular/documentation/menu/how-to/change-orientation/

API 链接：https ://ej2.syncfusion.com/angular/documentation/api/menu/#orientation