ng-template [NgForOf] return 未定义值
ng-template [NgForOf] return undefined value
我有下一个问题:施工
<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>
我有所有必需的值,但行中的所有列表。问题是什么?提前致谢
使用 [Elvis 运算符][1],通过 ?它将检查对象是否已定义
{{item?.Street + " " + item?.City}}
已解决,但不是使用 ngFor。
我创建管道:
transform(value: any): any {
let item = value;
return (item.Street + " " + item.Country);
}
另外,parced address字段中的数据不随版本变化,解决了又一个头痛问题。
我有下一个问题:施工
<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>
我有所有必需的值,但行中的所有列表。问题是什么?提前致谢
使用 [Elvis 运算符][1],通过 ?它将检查对象是否已定义
{{item?.Street + " " + item?.City}}
已解决,但不是使用 ngFor。
我创建管道:
transform(value: any): any {
let item = value;
return (item.Street + " " + item.Country);
}
另外,parced address字段中的数据不随版本变化,解决了又一个头痛问题。