イオン3：別のページ に配列としてサブアレイだからNavParams.get

Question

に存在するかどうかを確認し、私のアプリは、応答を取得し、navCtrl.pushの者がそのページのTSのコンストラクタがこの

のように見えるとしましょう 今

constructor(public navCtrl: NavController, public navParams: NavParams) { 
 
    this.id = navParams.get('infoList')[0].id; 
 
    this.name = navParams.get('infoList')[0].full_name; 
 
    this.email = navParams.get('infoList')[0].email; 
 
    this.epmname = navParams.get('infoList')[0].managers[0].full_name; 
 
    this.epmemail = navParams.get('infoList')[0].managers[0].email; 
 
    this.epm2name = navParams.get('infoList')[0].managers[1].full_name; 
 
    this.epm2email = navParams.get('infoList')[0].managers[1].email; 
 
    this.epm3name = navParams.get('infoList')[0].managers[2].full_name; 
 
    this.epm3email = navParams.get('infoList')[0].managers[2].email; 
 
    }

、応答がどのように私はこのためにチェックを実行することができ、常に経営のサブ配列を持っていないか、またはわずか1または2のサブ要素ではなく3を有していても良いですか？おかげ

UPDATE：

<ion-item-divider color="light"> 
 
     Manager Info (Second EPM - if exists): 
 
    </ion-item-divider> 
 
    <ion-item color="none"> 
 
     Name: {{epm2name}} 
 
    </ion-item> 
 
    <ion-item color="none"> 
 
     Country Code: {{epm2countrycode}} 
 
    </ion-item> 
 
    <ion-item color="none"> 
 
     Phone number: {{epm2phone}} 
 
    </ion-item> 
 
    <ion-item color="none"> 
 
     Email: {{epm2email}} 
 
    </ion-item>

Answer 1

これは本当にそれを行うための恐ろしい方法です：これは私のresults.htmlページの一部がどのように見えるかです。私はあなたがより多くのオブジェクト指向パターンを使用することを強くお勧めします。あなたは、あなたが簡単にnull等

注確認することができ従っている場合：私は私のproject.Soの1から例の下に抽出しているをあなたのアプリケーションに合わせて調整してください。ご不明な点がございましたら、お気軽にお問い合わせください。

私-SEND-page.ts取り出さ

goToEditBudget(data: Budget) { 
    let dtoBudget = new DtoBudget(); 
    dtoBudget.budget = data; 
    dtoBudget.action = 'edit' 
    this.navCtrl.push('AddBudgetPage', { data: dtoBudget }); 
    } 

追加予算-page.ts

constructor(private navCtrl: NavController, private navParams: NavParams) { 
    let data: DtoBudget = this.navParams.get('data'); 
    if (data != null) { 
     this.data = data.budget; 
     this.action = data.action; 
    } 
    } 

を送ります

DtoBudget.ts

import { Transaction } from './../Transaction'; 
import { Budget } from './../Budget'; 

export class DtoBudget { 
    budget: Budget; 
    action: string; 
    transactions: Transaction[] 
}