AngularJS filter to display something else if a variable is undefined

Question

In my AngularJS app, I created a recursive template.

For illustration, it works something like this:

<div ng-repeat="item in stuff">
     <div ng-include="'myTemplate.html'" onload="item = item"></div>
</div>


<script type="text/ng-template" id="myTemplate.html">
         <h1> {{levelsDeep | "root"}} </h1>
         <h2> {{item.content}} </h2>
         <div ng-include="'myTemplate.html'" onload="item in item.innerItem; levelsDeep = levelsDeep+'->'"></div>
</script>

In this recursive template, I want the top level line to read "root" and the inner levels to read '->->->' etc, depending on how deeply nested they are.

Is there a filter to check if levelsDeep has not yet been defined (like in the first step) and then print "root" if this is so?

can you try creating a plunker?

SoluableNonagon
– SoluableNonagon

2014-11-12 17:48:30 +00:00
Commented Nov 12, 2014 at 17:48 — SoluableNonagon
– SoluableNonagon, Commented Nov 12, 2014 at 17:48

jitin · Accepted Answer · 2014-11-12 17:53:54Z

3

You can use the javascript OR (||) operator

{{levelsDeep||"root"}}

answered Nov 12, 2014 at 17:53

jitin

7328 silver badges17 bronze badges

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

Collectives™ on Stack Overflow

AngularJS filter to display something else if a variable is undefined

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related