Angular: Conditional element in DOM?

Question

In AngularJS,

how would I make a HTML exist only if a scope variable is true?

I know there is the ng-show directive but this will not work for me as it will only make it invisible with display: none, but what I need is actually that the element only exists in the DOM when something evaluates.

Something like this would work for me: <div ng-exists="myvar==myothervar"></div>

ng-if does what you want, if you are using a recent version of Angular. — Nikos Paraskevopoulos
– Nikos Paraskevopoulos, Commented Jun 15, 2014 at 20:03

Josh Beam · Accepted Answer · 2014-06-15 20:12:29Z

8

You can use Angular's ng-if directive (see the docs):

<div ng-if="myvar==myothervar"></div>

answered Jun 15, 2014 at 20:12

Josh Beam

19.9k5 gold badges48 silver badges69 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

saurshaz · Accepted Answer · 2014-06-15 20:10:35Z

3

https://docs.angularjs.org/api/ng/directive/ngIf

is what you are looking all over

may be what shall give you what you are looking for. Check you angular version though.

answered Jun 15, 2014 at 20:10

saurshaz

5095 silver badges17 bronze badges

1 Comment

user1091856 Over a year ago

Exactly what I needed. Couldn't be easier. Thanks.

Collectives™ on Stack Overflow

Angular: Conditional element in DOM?

2 Answers 2

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related