Question

我正在尝试从数组中获取一些数据，并通过在HTML中使用* ngFor进行显示。控制台显示一个错误。我无法从项目中的ts文件中获取任何信息看来有问题，我需要一些帮助。我缺少角对我来说是新东西。

ts文件

export class AppComponent  {


   public data =
        [
            {'revenue': {'actual': '123', 'change': '25 '},},

            {'revenue': {'actual': '23 ', 'change': '23 '},},

            {'revenue': {'actual': '43 ', 'change': '12 '},},

        ];


    @Input() public item;
    public record = 0;
    ngOnChanges() {
    }
    ngOnInit() {

    }



    public toggle(): void {
      this.record = this.record >= this.item.length - 1 ? 0 : this.record + 1;
  }


}

html文件

<div *ngFor="let item of data">
   <div (click)="toggle()">
   <h4>Revenue</h4>
                  <p>Actual {{item['data']['revenue']['actual']}} $<br>
                    Change {{item['data']['revenue']['change']}} %</p>
   </div>
</div>

Answer 1

是

{{item['revenue']['actual']}}

或更简单

{{item.revenue.actual}}

TypeError：无法读取未定义的属性“收入”

1 个答案: