如何使用angularjs在视图中使用ng-if值检查null？

Question

我有这种情况

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

但test.view== null不起作用，不仅检查test.view或test.view == ''

有任何想法吗？

谢谢

编辑：

在循环中，有时test.view ，如果我这样做，有时值为 NULL：

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

我只会看到1

Answer 1

你应该检查!test ，这里有一个小提琴显示。

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

Answer 2

请参阅您的示例的正确方法：

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

问候， 尼科尔斯

Answer 3

您也可以使用 ng-template，我认为在运行时会更有效:)

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

干杯

Answer 4

这是我试图解释的一个简单示例。

<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>