角度ngIf渲染

Question

只是一个简单的问题。

让我们将这段代码作为IE：

<div *ngIf="1===2">
 ...some content
</div>

是 NgIf 内的内容呈现然后从页面中隐藏，还是角度“知道”此 div 不会显示，因此甚至不渲染其中的内容？

Answer 1

所以回答你的问题

实际上，将 ngIf 指令放在组件或元素上，将根据您传递给该元素以供计算的表达式隐藏或显示该元素。一旦评估，Angular 将简单地添加或删除您的 DOM 节点，挂载或重新挂载您的组件，从 DOM 中 - 随着表达式的变化。

举个例子，当您的页面加载在写下和角js被称为角知道检查这个div不会被显示，所以甚至不呈现里面的内容

此外，当您签入元素调试器时，您可以看到div被隐藏，显示您的条件的注释。

详细的

Answer 2

< code>*ngIf计算表达式，然后在表达式分别为true或falsy时，在其位置呈现模板。它从DOM中物理地添加和删除它们。< br >参见此ngIf案例研究