How to set default value for scope variable in angularjs

Question

I currently display a scope variable using the following code

<a data-ng-href="#!/params/{{first.second.status}}">{{first.second.status}}</a>

Sometimes first.second.status is null, undefined or empty in which case I want to display "None" instead of actual value(empty)

One of the way to achieve the above is to put the check for the value of first.second.status in the controller and change its value accordingly but is there a more elegant way of doing it?

tymeJV · Accepted Answer · 2014-05-28 17:03:11Z

14

Just do:

{{first.second.status || "None"}}

answered May 28, 2014 at 17:03

tymeJV

105k14 gold badges165 silver badges158 bronze badges

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

4 Comments

raju Over a year ago

I would also want to remove the href when it is None but have a valid one when it is not None. How do I do that?

tymeJV Over a year ago

Probably going to have to use a method to resolve the correct href

Marc Kline Over a year ago

@raju Do you want to remove the href attribute or hide the entire element? If it's the latter, look at ng-if (as @MichaelLo just suggested) or even ng-show/hide.

raju Over a year ago

I want to remove the href not hide the entire element.

Eric · Accepted Answer · 2014-05-28 17:15:30Z

4

You could do:

<a ng-if="first.second.status" 
   data-ng-href="#!/params/{{first.second.status}}">{{first.second.status}}</a>
<span ng-if="!first.second.status">None</span>

answered May 28, 2014 at 17:15

Eric

4666 silver badges11 bronze badges

Collectives™ on Stack Overflow

How to set default value for scope variable in angularjs

2 Answers 2

4 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related