CODEWITHSUNDEEP
angularng-hide
Boommeister
Boommeister

Reputation: 2107

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

I'm using Angular 11. Somehow I can't make this div disappear: My simple HTML :

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

Result -> The Text Test still appears on my page.

Upvotes: 0

Views: 454

Answers (2)

Alireza Ahmadi
Alireza Ahmadi

Reputation: 9893

In Angular2+ there is no directive with ng- format. This format is available only for angular.js. But you know there is almost equivalent directive in Angular2+.

For your question there are some ways to do the same behavior of ng-hide:

First one is: [hidden]=true:

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

Second one is: *ngIf

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

Third one is style binding like this: [style.visibility]

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

Upvotes: 0

Boommeister
Boommeister

Reputation: 2107

ng-hide and ng-showdon't exist in Angular 2+ only in AngularJS. I'm using

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

now.

https://www.telerik.com/blogs/what-is-the-equivalent-of-ng-show-and-ng-hide-in-angular

Upvotes: 0

Related Questions