离子2/3基于ID中的阵列中推动项目

Question

我希望根据类别ID将项目从一个页面推到另一页。然后，我去将所有内容从数组（将匹配的类别ID）从下一页推向。

。

我在使用IF语句将参数传递到第二页之间，或在第二页中调用数组并使用NGIF。以下是我的代码，以提供更好的视觉效果。我是Ionic的新手。谢谢您的帮助！

第一页

if(id = 1) {
    category_id: this.referenceList.category_id = 1;
    this.navCtrl.push(ReferencePage,{category_id:"category_id"});
  }
  else {
    console.log("nope")
  }

第二页

<div *ngfor = let reference of referenceList></div>
<div *ngif = category.id === 1> {{reference.referenceField1}} {{reference.referenceField2}} {{reference.media}} </div>

不确定要使用哪一个以及原因。再次感谢！很高兴澄清是否有任何混乱。

Answer 1

您将category_id存储在变量中，因此请使用以下方式：

this.navCtrl.push(ReferencePage,{category_id:category_id});

在第二页控制器中您需要：

import ( NavParams ) from 'ionic-angular';
category_id: number;
constructor(public navParams: NavParams) {
    ...
}
ionViewDidLoad() {
    this.category_id = this.navParams.get('category_id');
}

另外，您的html应该是（如果我了解您在做什么）：

<div *ngFor = let reference of referenceList>
    <div *ngIf = category_id === 1> 
        {{reference.referenceField1}};
        {{reference.referenceField2}};
        {{reference.media}}; 
    </div>
</div>