Question

我正在使用shcontextmenu，我需要根据条件隐藏元素/模板。

我用下面的代码尝试用let-data

<sh-context-menu #menu>
    <ng-template shContextMenuItem let-data (click)="onRightClick($event, 'add')" >
        <div *ngIf="data.type === 'ice'">
            Add ice
        </div>
    </ng-template>
    <ng-template shContextMenuItem let-data (click)="onRightClick($event, 'delete')">
        <div *ngIf="data.type === 'ice'">
            Delete ice
        </div>
    </ng-template>
    <ng-template shContextMenuItem let-data (click)="onRightClick($event, 'removeProduct')">
        <div *ngIf="data.type !== 'ice'">
            Remove ice
        </div>
    </ng-template>
</sh-context-menu>

当条件满足时，它仅隐藏文本，如果将鼠标悬停在该文本上，则可以看到带有蓝色背景的空元素。请帮助如何隐藏整个div /模板预先感谢。

Answer 1

您实际上是将{ "parserOptions": { "ecmaVersion": 9, "sourceType": "module", "ecmaFeatures": { "jsx": true, "modules": true } }, "env": { "browser": true, "es6": true }, "extends": "eslint:recommended", ...隐藏在这里，而不是div，进行如下更改

template

我希望这可以解决您的问题。：）

如何在上下文菜单中隐藏div / template元素

1 个答案: