* ngif未绑定到页面上的变量

Question

我正在测试一种新的菜单结构，由于某种原因，使用* ngif进行绑定时出现问题。

统计：Angular 7 Chrome浏览器

菜单本身具有按钮，并且工作正常-在HTML上进行了如下编码：

   <p-tabMenu [model]="items" [activeItem]="items[0]"></p-tabMenu>

在页面的下方，我开始构建if语句的数组选择（仅出于测试目的），最终将绑定到对象但用于测试：

  <p *ngif="activeItem =='0'" ><app-dashboard></app-dashboard></p> 

我玩了很多不同的选择，但被卡住了。 我真的只是在尝试评估activeItem是否为显示应用程序的项目数组中的项目0，否则跳过。

Answer 1

我真的只是在尝试评估activeItem是否为显示应用程序的项目数组中的项目0，否则跳过

您已在此处将activeItem绑定到数组items的第一个元素：

<p-tabMenu [model]="items" [activeItem]="items[0]"></p-tabMenu>

因此检查这种情况的正确方法是（也可以使用*ngIf not *ngif ）：

<p *ngIf="activeItem == items[0]">
  <app-dashboard></app-dashboard>
</p> 

Answer 2

您在* ngif中有错字，正确值为* ngIf。

您可以很好地在开发人员工具控制台上找到异常