需要分析一個複雜的陣列上NgFor

我需要存取權限是所述陣列的內部，acctualy我對離子2此estructure每個對象的錯字道具：

<ion-item-group *ngFor="let data of contraCheque"> 
     <ion-item-divider color="light">{{ data[0].competencia }}</ion-item-divider> <!-- imprime o dado correto --> 
     <ion-item (click)="consultarCheque(data)">{{ data }}</ion-item> <!-- imprime todos os objetos de cada array --> 
     <ion-item (click)="consultarCheque(data)">{{ data[0].tipo }}</ion-item> <!-- imprime apenas a primeira prop de cada array --> 
    </ion-item-group>

如果我使用索引來嘗試打印每每個支撐鍵入其打印任何內容（見下圖），我認爲邏輯是錯的：

<ion-item-group *ngFor="let data of contraCheque; index as i"> 
     <ion-item-divider color="light">{{ data[0].competencia }}</ion-item-divider> 
     <ion-item (click)="consultarCheque(data)">{{ data[i].tipo }}</ion-item> 
    </ion-item-group>

我需要做下面我ngFor內的procces這可能嗎？如果沒有，請幫助我

const dadosContraCheque = [[{"tipo":"Complementar","id_folha":"24015","competencia":"03\/2017"}],[{"tipo":"Mensal","id_folha":"23855","competencia":"02\/2017"},{"tipo":"Sodexo","id_folha":"24075","competencia":"02\/2017"}],[{"tipo":"Mensal","id_folha":"23376","competencia":"01\/2017"},{"tipo":"Sodexo","id_folha":"23755","competencia":"01\/2017"}],[{"tipo":"13\u00ba Salari","id_folha":"22415","competencia":"12\/2016"},{"tipo":"Complementar","id_folha":"22535","competencia":"12\/2016"},{"tipo":"Mensal","id_folha":"22655","competencia":"12\/2016"},{"tipo":"Complemento","id_folha":"22675","competencia":"12\/2016"},{"tipo":"Sodexo","id_folha":"23015","competencia":"12\/2016"}],[{"tipo":"1\u00aa Parcela do 13\u00ba Salar","id_folha":"21798","competencia":"11\/2016"},{"tipo":"Mensal","id_folha":"21975","competencia":"11\/2016"},{"tipo":"Sodexo","id_folha":"22555","competencia":"11\/2016"}],[{"tipo":"Mensal","id_folha":"21295","competencia":"10\/2016"},{"tipo":"Sodexo","id_folha":"21755","competencia":"10\/2016"}],[{"tipo":"Mensal","id_folha":"21054","competencia":"09\/2016"},{"tipo":"Sodexo","id_folha":"21375","competencia":"09\/2016"}]] 
    const tipo = dadosContraCheque.map(array => array.map(objeto => objeto.tipo)) 
    console.log(tipo)

來源

2017-04-19 Ronaiza Card

不要粘貼代碼的圖片或指向代碼圖片的鏈接。把代碼放在問題中。 – 2017-04-19 18:07:45

您有內部陣列陣列，所以你應該使用如下

<ion-item-group *ngFor="let data of contraCheque[0]"> 
     <ion-item-divider color="light">{{ data[0].competencia }}</ion-item-divider> <!-- imprime o dado correto --> 
     <ion-item (click)="consultarCheque(data)">{{ data |json }}</ion-item> <!-- will print array as json--> 
     <ion-item (click)="consultarCheque(data)">{{ data.tipo }}</ion-item> <!-- imprime apenas a primeira prop de cada array --> 
    </ion-item-group>

來源

2017-04-19 18:02:51 Aravind

這種方式不起作用。這是打印[這]（http://image.prntscr.com/image/99403f95e7064e8f934633ea71d9bd25.png） –

這工作：

<ion-item-group *ngFor="let data of contraCheque"> 
     <ion-item-divider color="light">{{ data[0].competencia }}</ion-item-divider> 
     <span *ngFor="let d of data" > 
     <ion-item (click)="consultarCheque(data)">{{ d.tipo }}</ion-item> 
     </span> 
    </ion-item-group>

來源

2017-04-19 18:03:34

需要分析一個複雜的陣列上NgFor

回答

相關問題