Angular Ionic2动态设置边栏项

我正在使用最新版本的离子2

爱奥尼亚版本：2.1.8

我想在侧边栏中动态添加项

app.component.ts

export class MyApp {

  pages: Array<{title: string, component: any, icon: any }>;

  this.pages = [
  { title: 'Dashboard', component: DashboardComponent, icon: 'ios-home-outline' },
  { title: 'Complaints', component: ComplaintPage, icon: 'ios-sad-outline' },
  { title: 'Suggestions', component: SuggestionPage, icon: 'md-bulb' },
  { title: 'Appreciations', component: AppreciationPage, icon: 'ios-thumbs-up-outline' },
  { title: 'Poll', component: PollPage, icon: 'ios-stats-outline' },
  { title: 'Survey', component: SurveyPage, icon: 'ios-analytics-outline' },
  { title: 'ReportIssue', component: ReportIssuePage, icon: 'ios-bug-outline' },
  ];

}

导出类MyApp{
页面：数组；
此页=[
{标题：'Dashboard'，组件：DashboardComponent，图标：'ios home outline'}，
{标题：“投诉”，组件：投诉页面，图标：“ios sad大纲”}，
{标题：“建议”，组件：SuggestionPage，图标：“md灯泡”}，
{标题：“欣赏”，组件：欣赏页面，图标：“ios竖起大拇指轮廓”}，
{标题：'Poll'，组件：PollPage，图标：'ios stats outline'}，
{标题：'Survey'，组件：SurveyPage，图标：'ios分析大纲'}，
{title:'ReportIssue'，组件：ReportIssuePage，图标：'ios bug outline'}，
];
}

app.html

<ion-content>
  <ion-list>
    <button menuClose ion-item *ngFor="let p of pages" (click)="openPage(p)">
      <ion-icon item-left [name]="p.icon"></ion-icon>
      {{p.title}}
    </button>
  </ion-list>
</ion-content>

{{p.title}}

如果投诉状态为“新”，我想显示投诉项目

那么，是否可以显示某些特定情况的投诉项目？我尝试了ngIf，但它不起作用

---

实现此类功能的最佳方法是什么？

在组件中设置一个变量，用于检查新的投诉。如果有，只需将该变量设置为

true

export class MyApp {
   this.cmpltStatus;
   if(newCmplnt){
      this.cmpltStatus = true;
   } else{
      this.cmpltStatus = false;
   }
}

现在在爱奥尼亚

<ion-content>
  <ion-list>
    <button menuClose ion-item *ngFor="let p of pages" (click)="openPage(p)" *ngIf=(!cmpltStatus && p.title==='Complaints')>
      <ion-icon item-left [name]="p.icon"></ion-icon>
      {{p.title}}
    </button>
  </ion-list>
</ion-content>

{{p.title}}

您在何处尝试了

*ngIf

以及如何进行？该特定条件是否会在代码的其他部分发生变化？那个么，当这种情况发生时，侧菜单是否应该更新？它只有在用户启动应用程序时才起作用，并且在那个时候它有新的投诉。但当用户在使用应用程序时添加新的投诉时，它将不起作用。因为应用程序启动时会调用app.component.ts。其变量在应用程序加载后不会动态更改。我正在寻找解决方案，我们可以添加任何其他ts页面的任何时间项目。