ng-hide="true" 没有隐藏元素

Question

我正在使用 Angular 11。不知怎么的，我无法让这个 div 消失：我的简单 HTML :

<div ng-hide="true">Test</div>

结果 -> 文本测试仍然出现在我的页面上。

Answer 1

ng-hide 和 ng-show 在 Angular 中不存在 2+ 仅在 AngularJS 中存在。我正在使用

<div [hidden]="true">Text</div>

现在。

Answer 2

在 Angular2+ 中没有 ng- 格式的指令。此格式仅适用于 angular.js。但是你知道 Angular2+ 中几乎有等效的指令。

对于您的问题，有一些方法可以实现与 ng-hide:

相同的行为

第一个是：[hidden]=true:

<div [hidden]="true">…content..</div>

第二个是：*ngIf

<div *ngIf=”bolShow”>…content…</div>

第三个是这样的样式绑定：[style.visibility]

<div [style.visibility]="bolShow ? 'visible' : 'hidden'">…content…</div>

ng-hide="true" is not hiding the element