角度2：[隐藏]和* Ng如果不起作用？

Question

因此，如果数据可用，我会将此表显示为绿色圆圈。 在gegevensAanwezig你有一个schoolname和schoolcode一些布尔（Entreetoets，Eindtoets等）显示，如果数据是可用的。

        <tr *ngFor="let g of gegegevensAanwezig">
            <td>{{ g.brinCode }}</td>
            <td>{{ g.schoolNaam }}</td>
            <td></td>
            <td></td>
            <td><div class="circle" [hidden]="!g.Entreetoets">  </div> </td>
            <td><div class="circle" [hidden]="!g.Eindtoets">  </div></td>
            <td><div class="circle" [hidden]="!g.BLez">  </div></td>
            <td><div class="circle" [hidden]="!g.BLui">  </div></td>
            <td><div class="circle" [hidden]="!g.DMT">  </div></td>
            <td><div class="circle" [hidden]="!g.ORD">  </div></td>
            <td><div class="circle" [hidden]="!g.RW">  </div></td>
            <td><div class="circle" [hidden]="!g.SP">  </div></td>
            <td><div class="circle" [hidden]="!g.SV">  </div></td>
            <td><div class="circle" [hidden]="!g.TL">  </div></td>
            <td><div class="circle" [hidden]="!g.TV">  </div></td>
            <td><div class="circle" [hidden]="!g.TVK">  </div></td>
            <td><div class="circle" [hidden]="!g.WS">  </div></td>
        </tr>

g.brinCode和g.schoolNaam正在运行，它们显示学校名称和学校代码就很好。 但是[hidden]或*NgIf不起作用。 显示所有圆圈或不显示任何内容。

这是因为浏览器在加载数据后在加载视图时在后端实现了Angular-universal渲染吗？

我使用了if (isBrowser)在提供视图后加载数据，因为我需要localStorage 。

截图： 根据布尔值是对还是错，空白区域应填充一些绿色圆圈

console.log(gegevensAanwezig) ：

Answer 1

事实证明，Angular无法识别大写变量。.我将所有内容都更改为小写，并且有效。

Answer 2

只是检查

<div *ngIf = "gegegevensAanwezig">
   //then procced with the ngFor
</div

评论后更新

尝试将其添加到样式表中，并检查是否已将隐藏属性附加到dom中的元素。

[hidden] {
  display: none;
}