Javascript 角度2:[隐藏]和*NgIf不工作？

如果数据可用，我有一个绿色的圆圈。在

gegegevensaanwezig

中，您有一个学校名称、学校代码和一些布尔值（entretotes、eindtotes等）来显示数据是否可用

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

g.brinCode

&

g.schoolNaam

正在运行，它们显示的学校名称和学校代码非常好。但是

[hidden]

或

*NgIf

不起作用。显示所有圆或不显示任何圆

这是因为

Angular universal

在浏览器提供数据后加载数据时在后端渲染视图吗

我使用

if（isBrowser）

在视图提供后加载数据，因为我需要

localStorage

截图： 根据布尔值是真是假，空白处应填充一些绿色圆圈

console.log（gegegevensaanwezig）

：

只需检查

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

检查一下

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

---

事实证明，angular不承认资本变量。。

---

我把所有内容都改成小写，它起了作用。

结果是angular不识别大写变量。。

---

---

我把所有内容都改成小写，效果很好。

谢谢你的回答。不幸的是，这不起作用。你知道它是否与角度通用有关吗？还是给了你一票，顺便说一句，因为努力，这是问题，我没有得到任何错误。只是表格行中的所有元素都显示出来了，或者所有的东西都隐藏了…@Jessedgans这不是因为angular universal我猜你有没有试着记录这些值？是的，我做了19个数组，所有的值都是刚刚填充的。我不明白这怎么不起作用，顺便说一句，我在问题中加入了一个屏幕截图，让它更“直观”；）我不是在说代码和学名，试着记录布尔值谢谢你的回答。不幸的是，这不起作用。你知道它是否与角度通用有关吗？还是给了你一票，顺便说一句，因为努力，这是问题，我没有得到任何错误。只是表格行中的所有元素都显示出来了，或者所有的东西都隐藏了…@Jessedgans这不是因为angular universal我猜你有没有试着记录这些值？是的，我做了19个数组，所有的值都是刚刚填充的。我不明白这怎么不起作用，顺便说一句，我在问题中加入了一个屏幕截图，让它更“直观”；）我不是说brincode和schoolname尝试记录布尔值是g。EntereToetes是布尔值吗？@ArunKumaresh看起来正确，你检查过css吗？可能带圆圈的div类的宽度或高度为0px？@mankers是的，css是正确的，因为当我将此

[hidden]=“！g.entretoets”

更改为此

[hidden]=“！g.entretoets”

时，它只是在entretoets列的所有行中显示圆圈。也许我现在太累了，但我看不出

[hidden]之间有什么区别="!g、 EntereToets“

和

[隐藏]=”！g、 EntereToets“

是g。EntereToets是一个布尔值？@ArunKumaresh它看起来正确，你检查过你的css吗？也许带圆圈的div类有0px的宽度或高度？@mankers是的css是正确的，因为当我更改此

[hidden]=”！g、 进入此
[隐藏]=”的入口设置“
！g、 EntereToets“

它只是在EntereToets列的所有行中显示圆圈。也许我现在太累了，但是我看不出

[hidden]=”之间有什么区别！g、 EntereToets“

和

[隐藏]=”！g、 入口“

这件事今天发生在我身上，你的解决方案解决了它，idk为什么还没有解决。我正在使用angular cli v1.5.4。这发生在官方英雄教程中，当时我正试图使用*ngift这发生在今天的我身上，你的解决方案修复了它，idk为什么还没有修复。我正在使用angular cli v1.5.4。这发生在官方英雄教程中，当时我正试图使用*ngIf