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, May 09 '14 at 03: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, May 09 '14 at 03:31
http://stackoverflow.com/questions/18830035/angularjs-ng-if-checking-model-value-but-model-value-of-input-set-only-if-inpu — Avinash Babu, May 09 '14 at 03:31
also, null doesn't evaluate to falsey like you probably expect. — adrichman, May 09 '14 at 03:33

score 59 · Accepted Answer · edited Nov 18 '20 at 08:18

59

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

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

edited Nov 18 '20 at 08:18

MOTIVECODEX

2,624
14
43
78

answered May 09 '14 at 03:30

Lucas Polonio

1,003
10
8

1

Add the code to your example please, so developers can quickly see the code answer :-) – TetraDev Feb 26 '16 at 20:41
In your example there might be a problem if the array has 0 in it... :) – Shrujan Shetty Dec 16 '16 at 06:49
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. – Lucas Polonio May 22 '17 at 06:21
the issue with this is that " $scope.current = [1, null, 0];" will render "0 and null" – Fergus Nov 18 '18 at 18:26

jdnichollsc · Answer 2 · 2017-03-28T15:49:47.920

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 '17 at 15:49

answered Oct 20 '15 at 19:19

jdnichollsc

1,520
1
24
44

tried this in angular 2 using *ngIf but its not working – Kiran Kumar Oct 15 '16 at 00:49
it's only to Angular 1 :) – jdnichollsc Dec 21 '16 at 12:54
This won't handle a zero value – Bryant Makes Programs Mar 15 '17 at 13:31
1

@BryantJackson you're right, with numbers he needs to validate the type too – jdnichollsc Oct 03 '17 at 15:36

score 2 · Answer 3 · answered Oct 03 '17 at 09:34

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 03 '17 at 09:34

Tanzeel

455
6
16

score 1 · Answer 4 · answered Sep 27 '19 at 07:35

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>

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

4 Answers4

Linked