7

値を 2 つの配列に格納して、1 つの ion-list で反復処理しました。Billerstatusstate と Billerstatusnamelst は 2 つの配列です。

私は反復するために次のことを試みました

<ion-list ion-item *ngFor="let stat of Billerstatusstate;let bil of Billerstatusnamelst "  >

  {{bil}} <button round>{{stat}}</button>

</ion-list>

と

<ion-list ion-item *ngFor="let stat of Billerstatusstate" *ngFor="let bil of Billerstatusnamelst "  >

  {{bil}} <button round>{{stat}}</button>

</ion-list>

両方のローカル変数の最初の反復値を取得します。

何か足りないものはありますか??

両方の値を単一の配列に格納し、ngFor を使用してビュー側で分割する別の方法はありますか?

4

5 に答える 5

7

なぜこれを行う代わりに

<ion-list ion-item *ngFor="let stat of Billerstatusstate;let bil of Billerstatusnamelst "  >

  {{bil}} <button round>{{stat}}</button>

</ion-list>

arrayコードでシングルを作成しないでください：

// I'm assuming they both have the same size
for (var _i = 0; _i < Billerstatusstate.length; _i++) {
    this.singleArray.push({
                         stat: this.Billerstatusstate[_i],
                         bil: this.Billerstatusnamelst[_i] 
                        });
}

そして、あなたのページで：

<ion-list ion-item *ngFor="let item of singleArray;"  >

  {{item.bil}} <button round>{{item.stat}}</button>

</ion-list>
于 2016-06-29T14:06:26.143 に答える
6

ngForこれを実現するために、ディレクティブのインデックスを活用できます。

<ion-list ion-item *ngFor="let stat of Billerstatusstate; let i=index">

  {{Billerstatusnamelst[i]}} <button round>{{stat}}</button>

</ion-list>
于 2016-06-29T13:28:46.247 に答える
2

私はこのアプローチに従いました.単一のソースからのものであるため、値を2つの配列ではなく単一の配列に格納しました。

 this.Billerstatusnamelst.push({name:"testname",Status:"Failure"});

HTML部分で

 <ion-list ion-item *ngFor="let bil of Billerstatusnamelst "  >

  {{bil.name}} <button round>{{bil.Status}}</button>

</ion-list>

それは私のために働いた..

于 2016-06-29T13:58:54.130 に答える