Question

我先说这是我对SO和Angular2的新手。

我试图使用我的* ngFor循环作为参数来传递navCtrl.push（）。目标是拥有类似Facebook Messenger的内容，您可以在其中单击要访问的聊天组，并显示页面版本，其中包含与您单击的聊天组关联的内容（消息）。这是我认为会起作用的。问题在于推动/接收事件＆＃39;变量。我也在ngFor循环中做了一些文本引用，但是我把它剪掉了。

  <div *ngFor='let event of dataProvider.data.invitedEvents'> 
    <button (click)='this.navCtrl.push(groupVotePage, event)' ion-item>
    </button>
  </div>

但是，当我尝试使用this.navParams.get（＆＃39; event＆＃39;）（使用构造函数中的navParams）访问groupVotePage中的事件时，我得到null。我想知道是否有任何方法可以通过这个，或者我是否以正确的方式解决这个问题。我知道有一些后端的东西我需要确认是正确的，如果你能让我知道那是什么，那就太棒了。

谢谢！

Answer 1

这里的问题是，在模板中你没有这个我的意思是当你写这个.navCtrl angular会在你的组件内部寻找属性，第二个问题groupVotePage不是属性，简单地说，您在模板中使用的所有内容都必须是组件内部的属性/方法。

在组件

中创建新方法

public goToPage(event){
   this.navCtrl.push(groupVotePage,  { event: event})
}

然后按钮

 <button (click)='goToPage(event)' ion-item></button>

PS。第二个参数是路由器将读取的对象。您需要为路由器传递键值对才能访问您的事件

angular2 / ionic2如何在函数调用中使用* ngFor参数

1 个答案: