Question

我使用ngx-contextmenu在Angular 6项目中实现了上下文菜单。仅在所选对象定义了指定属性的情况下，我才想在此菜单中显示某些选项。例如-在this example中如何显示“ Say hi！”仅当项目已定义otherProperty时才可以选择？

我看到<ng-template *ngIf="$event.item.otherProperty"无法在right-click.component.html". Should I define two components extending RightClickComponent and select the proper one in AppComponent.onContextMenu（）中使用？

Answer 1

下一次我最好阅读documentation。 ;）ngx-contextmenu已实现显示/隐藏特定项目的可能性。可以通过visible输入参数来完成，例如；

HTML模板：

<ng-template [visible]="showOption" contextMenuItem let-item>
   Say hi!
</ng-template>

component.ts文件：

showOption(item: any) {
    return 'otherProperty' in item;
}

Answer 2

除了@trivelt 的回答之外，如果您的组件中有一些要在条件方法中使用的变量（即：从父组件收到的一些 @Input），代码的用法如：

showOption(item: any) {
return 'otherProperty' in item;
}

不起作用，您将收到错误消息。在这种情况下正确的使用方式是这样的：

public outsideValue = "something"
public showOption = (item: any): boolean => {
  return item.type === this.outsideValue;
}

如何有条件地在ngx-contextmenu中显示选项？

2 个答案: