禁止在Kendo中为Angular打开上下文菜单

Question

在此StackBlitz中，如果复选框为真，则会打开上下文菜单。但如果为false，则不应打开。有没有办法实现后者？

@Component({
    selector: 'my-app',
    template: `
        <div #target>
            Target
        </div>
        <kendo-contextmenu [target]="target" [items]="items">
        </kendo-contextmenu>

        Enable context menu <input type="checkbox" [(ngModel)]="open">
    `
})
export class AppComponent {
    public items: any[] = items;
    open = true;
}

Answer 1

上下文菜单上没有代码告诉它不显示。尝试添加一个*ngIf=“打开”到它上面。

Answer 2

有一个popupOpen事件：

https://www.telerik.com/kendo-angular-ui/components/menus/api/ContextMenuComponent/#toc-popupopen

您可以在事件回调中像这样取消事件：

    onPopupOpen($event: ContextMenuPopupEvent) {
        if (condition) {
            $event.preventDefault();
            return;
        }
    }

我试着修复你的堆栈闪电战，但它不起作用。看起来你的stackblitz示例有非常过时的angular和kendo dep。但它可以在这里工作:使用Angular 11.2.6，@progress/kendo-angular-menu"："^3.0.0“。