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

Question

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

统计： 角度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而不是*ngif）：

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

Answer 2

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

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