how to check for null with a ng-if values in a view with angularjs?

Question

i have this situation

<div ng-repeat="test in current">
    <div ng-if="test.view == null">
        <i class="icon ion-checkmark"></i>
    </div>
</div>

but test.view== null doesn't work, neither just checking for test.view or test.view == ''

any ideas?

thanks

edit:

in the loop, sometimes test.view, has a value sometimes is NULL if i do:

<div ng-if="!test.view">1</div>
<div ng-if="test.view">2</div>

i will only see 1

are you confusing the test in your ng-repeat with a test variable on your scope? otherwise, you don't need to check for it because test isn't going to render if current is empty. — adrichman
– adrichman, Commented May 9, 2014 at 3:28
I don't understand.. your code shows test.view == null but the context of your problem below says test == null doesn't work. Please clarify your question. — ryeballar
– ryeballar, Commented May 9, 2014 at 3:31
also, null doesn't evaluate to falsey like you probably expect. — adrichman
– adrichman, Commented May 9, 2014 at 3:33

MOTIVECODEX · Accepted Answer · 2020-11-18 08:18:10Z

59

You should check for !test, here is a fiddle showing that.

<span ng-if="!test">null</span>

edited Nov 18, 2020 at 8:18

MOTIVECODEX

2,77214 gold badges46 silver badges78 bronze badges

answered May 9, 2014 at 3:30

Lucas Polonio

1,01110 silver badges8 bronze badges

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

4 Comments

TetraDev Over a year ago

Add the code to your example please, so developers can quickly see the code answer :-)

Shrujan Shetty Over a year ago

In your example there might be a problem if the array has 0 in it... :)

Lucas Polonio Over a year ago

Thanks! If you don't want to include zeroes, then ng-if="!test && test != 0" would work. I'm not sure if there's a better way, though.

Fergus Over a year ago

the issue with this is that " $scope.current = [1, null, 0];" will render "0 and null"

jdnichollsc · Accepted Answer · 2017-03-28 15:49:47Z

28

See the correct way with your example:

<div ng-if="!test.view">1</div>
<div ng-if="!!test.view">2</div>

Regards, Nicholls

edited Mar 28, 2017 at 15:49

answered Oct 20, 2015 at 19:19

jdnichollsc

1,5791 gold badge24 silver badges45 bronze badges

4 Comments

Kiran Kumar Over a year ago

tried this in angular 2 using *ngIf but its not working

jdnichollsc Over a year ago

it's only to Angular 1 :)

Bryant Makes Programs Over a year ago

This won't handle a zero value

jdnichollsc Over a year ago

@BryantJackson you're right, with numbers he needs to validate the type too

Devflovv · Accepted Answer · 2017-10-03 09:34:36Z

2

You can also use ng-template, I think that would be more efficient while run time :)

<div ng-if="!test.view; else somethingElse">1</div>
<ng-template #somethingElse>
    <div>2</div>
</ng-template>

Cheers

answered Oct 3, 2017 at 9:34

Devflovv

4856 silver badges16 bronze badges

Comments

Arsman Ahmad · Accepted Answer · 2019-09-27 07:35:42Z

1

Here is a simple example that I tried to explain.

<div>
    <div *ngIf="product">     <!--If "product" exists-->
      <h2>Product Details</h2><hr>
      <h4>Name: {{ product.name }}</h4>
      <h5>Price: {{ product.price | currency }}</h5>
      <p> Description: {{ product.description }}</p>
    </div>

    <div *ngIf="!product">     <!--If "product" not exists-->
       *Product not found
    </div>
</div>

answered Sep 27, 2019 at 7:35

Arsman Ahmad

2,2791 gold badge32 silver badges37 bronze badges

Collectives™ on Stack Overflow

how to check for null with a ng-if values in a view with angularjs?

4 Answers 4

4 Comments

4 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

4 Comments

4 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related