ng-template [NgForOf] return 未定义值

Question

我有下一个问题：施工

<p-dataTable [value]="listOfAddresses" [expandableRows]="true" [expandedRows]="listOfAddresses" ">
    <p-column>
        <ng-template let-item="rowData" let-i="rowIndex" pTemplate="body">
                {{i+1}}
        </ng-template>
    </p-column>
    <p-column >
         <ng-template ngFor let-item [ngForOf]="listOfOriginalAddresses" pTemplate="body">
             {{item.Street + " " + item.City}}   
         </ng-template>
    </p-column>
</p-table>

Returns item.Street 和 item.City 的未定义值奇怪，因为如果我使用

<p-column >
   <ng-template pTemplate="body">
      <div *ngFor="let item of listOfOriginalAddresses">
          {{item.Street + " " + item.City}}   
     </div>
   </ng-template>
</p-column>

我有所有必需的值，但行中的所有列表。问题是什么？提前致谢

Answer 1

使用 [Elvis 运算符][1]，通过 ?它将检查对象是否已定义

{{item?.Street + " " + item?.City}}

Answer 2

已解决，但不是使用 ngFor。

我创建管道：

 transform(value: any): any {
        let item = value;
        return (item.Street + " " + item.Country);
    }

另外，parced address字段中的数据不随版本变化，解决了又一个头痛问题。

ng-template [NgForOf] return 未定义值

ng-template [NgForOf] return undefined value

angular

undefined

primeng

primeng-datatable

ng-template