Question

* ngIf是否类似于if语句？我知道的唯一形式是：if（a

 <div *ngIf="selectedHero">

我知道它使用的是插值法，selectedHero是一个对象数组，但是如果它是什么呢？正在选择什么？

Answer 1

此处您必须在组件中具有selectedHero属性，并且该属性应为布尔值，因此，如果该属性为true，则div（<div *ngIf="selectedHero">的内容）将会显示。

要根据条件显示或删除元素时，使用 NgIf 指令。

我们通过向指令传递表达式来定义条件，该指令在其宿主组件的上下文中进行评估。

语法为：*ngIf="condition"

请参阅文档：https://angular.io/api/common/NgIf

Answer 2

是* ngIf更像是if语句，并在视图端使用。

以下是反映* ngIf

的代码

var displaySpinner = true;

if (displaySpinner){
     console.log("show spinner on the view")
}

但是如果要使用ngIf，然后您说

<div class="spinner" *ngIf="displaySpinner">
    <div>S</div>
    <div>P</div>
    <div>I</div>
    <div>N</div>
   <div>N</div>
   <div>E</div>
   <div>R</div>
</div>

仅当displaySpinner为true时，才会显示微调器。

* ngIf到底是做什么的？

2 个答案: