角度未定义的属性，但这是不可能的

Question

我正在尝试使用 angular 获取本地 JSON 数据。 我的组件：

import { Component, OnInit } from '@angular/core';
import datalist from '../todolist.json';

console.log(JSON.stringify(datalist));
@Component({
  selector: 'app-todolist',
  templateUrl: './todolist.component.html',
  styleUrls: ['./todolist.component.css']
})
export class TodolistComponent implements OnInit {

  // will contain all data from ../todolist.json
  lists: any[];
  todolist: any;

  constructor() {}

  ngOnInit() {
    const test = Object.keys(datalist);
    for (const prop of test) {
      this.lists.push(datalist[prop]);
    }
  }
}

我得到这个错误：

ERROR TypeError: "this.lists is undefined"

我做错了什么？我真的不明白，当然，this.lists 是定义...

Answer 1

你需要如下初始化它

 lists: any[] = [];