Question

只是一个简单的问题。

让我们把IE作为代码：

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

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

Answer 1

{ "Version": "2012-10-17", "Statement": [ { "Action": [ "s3:ListBucket", "s3:PutObject", "s3:HeadObject", "s3:GetObject" ], "Effect": "Allow", "Resource": [ "arn:aws:s3:::my-bucket" ] }, { "Action": [ "s3:DeleteObject", "s3:GetObject", "s3:HeadObject", "s3:PutObject", "s3:ListBucket" ], "Effect": "Allow", "Resource": [ "arn:aws:s3:::my-bucket/production/some_internal_folder/${aws:username}/*" ] } ] }评估表达式，然后在表达式分别为truthy或falsy时将模板呈现在其位置。它从DOM中物理添加和删除它们。
请参阅此ngIf case study

Answer 2

回答你的问题

将ngIf指令放在组件或元素上，实际上会根据您传递给它的表达式隐藏或显示该元素。评估完成后，Angular将简单地添加或删除DOM节点，从DOM中安装或重新安装组件 - 随着表达式的变化。

例如，当您的页面加载dom并且角度js被称为angular时，知道检查这个div是否会被显示，因此甚至不会在其中呈现内容

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

detailed

角度ngIf渲染

2 个答案: