Angular 的 Kendo Drawer 组件答案

【问题标题】：Kendo Drawer component for AngularAngular 的 Kendo Drawer 组件
【发布时间】：2019-10-01 06:43:49
【问题描述】：

我正在关注 Angular 的 Kendo Drawer 组件的官方示例。首先，我声明了变量

public items: Array<DrawerItem> = [];

接下来，在构造函数中我有以下几行

constructor(private router: Router) {
const routes: any[] = router.config;

routes.forEach(route => {
  this.items.push({
    text: route.text,
    path: route.path ? route.path : ''
  });
});

}

它说 'path' 在类型 DrawerItem 中不存在。为什么？所有剑道示例都引用此属性。此外，路由器不包含“文本”属性。我无法使用 Drawer 组件映射路线。

谢谢。

【问题讨论】：

你能添加任何使用路径属性的示例链接
@jitender link
检查您的导入路径是否有拼写错误，它应该是import { DrawerItem } from '@progress/kendo-angular-layout'; 也可以请您为您的问题创建 stackblitz 演示
@jitender 导入很好。 Stackblitz 代码位于link
@jitender 官方 DrawerItem 文档位于 link。似乎 DrawerItem 不包含“路径”属性！不知何故，这些例子已经过时了，或者我在理解中犯了错误:)

标签： angular kendo-ui-angular2 drawer

【解决方案1】：

我想您想将 Kendo UI 抽屉与 Angular 路由器一起使用。如果是这种情况，您可以在此处找到更多信息和示例： https://www.telerik.com/kendo-angular-ui/components/layout/drawer/routing/

目前上面的链接没有显示代码示例，所以如果是这种情况，请使用这个：https://www.telerik.com/kendo-angular-ui-develop/components/layout/drawer/how-to/hierarchical-drawer/

【讨论】：