角度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;
}