角度2：[隐藏]和*NgIf不起作用？

Question

如果有数据的话，我有一张表格显示绿色的圆圈。在gegevensAanwezig中，您有一个学校名称、一个学校代码和一些布尔人(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

事实证明，角不认识大写变量。我把所有的东西都换成了小写，它起了作用..

Answer 2

只要检查一下

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

评论后更新

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

[hidden] {
  display: none;
}