Angular 打开剑道界面,使角度菜单向上而不是向下

Angular 打开剑道界面,使角度菜单向上而不是向下,angular,kendo-ui,kendo-ui-angular2,Angular,Kendo Ui,Kendo Ui Angular2,我有一个剑道用户界面的角度上下文菜单。当用户右键单击时,菜单列表会像任何常规菜单一样向下打开 我需要的是向上而不是向下打开菜单列表。这就是我想要实现的,强迫菜单总是向上: 这可能吗?我在中找不到任何选项。您可以用手控制并指定打开关联菜单的位置 首先,从上下文菜单项中删除target属性,而是侦听目标上的contextmenu事件 其次,当触发contextmenu事件的事件处理程序时,在API中调用show方法,并指定要使用的正确偏移量。最有可能的是,根据菜单的预期高度计算此位置将是最棘手的部

我有一个剑道用户界面的角度上下文菜单。当用户右键单击时,菜单列表会像任何常规菜单一样向下打开

我需要的是向上而不是向下打开菜单列表。这就是我想要实现的,强迫菜单总是向上:


这可能吗?我在中找不到任何选项。

您可以用手控制并指定打开关联菜单的位置

首先,从上下文菜单项中删除target属性,而是侦听目标上的
contextmenu
事件

其次,当触发contextmenu事件的事件处理程序时,在API中调用
show
方法,并指定要使用的正确偏移量。最有可能的是,根据菜单的预期高度计算此位置将是最棘手的部分

最后,防止浏览器的默认上下文菜单

onRightMouseClick(事件:MouseeEvent){
const posX=this.contextMenuTarget.nativeElement.getBoundingClientRect().left;
const posY=this.contextMenuTarget.nativeElement.getBoundingClientRect().top-85;
this.contextMenu.show({
左:posX,
上图:波西
});
event.preventDefault();
}

右键单击打开关联菜单


它可以工作,但是滑动效果是向下的,而不是向上的,这看起来很尴尬。我试图用
禁用效果(我不需要它),上下文菜单上有动画输入,我相信你可以用它禁用动画。这就是我用
[animate=false]
尝试的,看它不起作用了使用animate=false或[animate]=“'false'”它不起作用,对不起,看看我之前评论中的StackBlitz