在html中执行ngFor使对象数组中的对象id未定义。

Question

我正在使用离子框架开发一个移动应用程序，我有一个获取事务数据的api调用，我必须在我的html模板中列出事务：

api返回的数据：

[
    {
        amount1:"100",
        buyer_email:null,
        buyer_name:"test",
        confirms_needed:2,
        created_at:"2018-07-09 07:56:33",
        id:8,
        invoice:null,
        currency1: "USD"
    },
    {
        amount1:"100",
        buyer_email:null,
        buyer_name:"test",
        confirms_needed:2,
        created_at:"2018-07-10 04:36:33",
        id:6,
        invoice:null,
        currency1: "USD"
    }
]

发出api调用的类型记录代码：

 ionViewDidLoad() {
    this.transactionProvider.getTransactions()
    .subscribe((data:any)=>{
      this.transactions = data;
      console.log(this.transactions);
    },error=>{
      console.log(error);
    });
  }

我只是在导出类下键入事务来初始化事务。

这就是我在事务数据上循环的方式。

<div class="width-100p  fl-left box-shadow   border-radius-10 padd-tp-bt-10 mg-tp-20" *ngFor="let transaction of transactions">
    <div (click)="saveTransactionClick(transaction)">
        <img width="20" src="assets/imgs/currencies/icons/{{transaction.currency1}}.png">
        <div class="fl-left mg-l-10">
            <div class="f-size-12 width-100p fl-left">{{transaction.currency1}} text: {{transaction.id}} :tet</div>
            <div class="f-size-10 width-100p fl-left gray">{{transaction.created_at | date: 'yyyy-MM-dd'}}</div>
            <div class="f-size-10 width-100p fl-left gray">{{transaction.created_at | date: 'hh:mm:ss'}}</div>
        </div>
    </div>
</div>

现在的问题是，当我console.log(this.transactions)的id是未定义的，但其余的数据是正确的:am装入，buyer_name .

如果我从html中删除ngFor，ids就会恢复正常。

我不知道为什么会发生这种事，我也不知道该如何解决。

更新

错误地使用ngIf错误地使用了

在我的html中，我有一个错误的ngif，当我将*ngIf="transaction.id = clickedTransactionId"改为*ngIf="transaction.id == clickedTransactionId时，我没有意识到它“它工作得很好。

谢谢

Answer 1

不久前，我写了一个ngif，它分配id，而不是检查它的值。

*ngIf="transaction.id = clickedTransactionId"

改到

*ngIf="transaction.id == clickedTransactionId"

一切如愿，谢谢大家。