Angular2无法读取未定义的属性“推”

目前，我可以打电话给一个服务，并填写一个表的记录;记录具有选定的属性，该属性由每行的复选框切换。Angular2无法读取未定义的属性“推”

该表下面是一个按钮;当我点击按钮时，我想循环遍历表并创建一个新的数组，其条目已经选择了属性== true。我不能正确初始化selecterecords数组。

Record.ts

export class Record { 
    id: string; 
    firstname: string; 
    lastname: string; 
    salary: string; 
    selected : boolean; 
}

表component.ts

export class TableComponent implements OnInit { 
    records: Record[]; 
    selectedrecords: Record[]; 

    constructor(
     private router: Router, 
     private recordService: RecordService) {} 

    getRecords(): void { 
     this.recordService.getRecords().then(records => this.records = records); 
    } 

    ngOnInit(): void { 
     this.getRecords(); 
    } 

    createselectedRecords() { 
     for (let rec of this.records) { 
      if (rec.selected) { 
       this.selectedrecords.push(rec); 
      } 
      console.log(this.selectedrecords); 
     } 
    } 
}

记录service.ts

@Injectable() 
export class RecordService { 
    getRecords(): Promise<Record[]> { 
     return Promise.resolve(RECORDS); 
    } 

    getRecord(id: string): Promise<Record> { 
     return this.getRecords() 
      .then(records => records.find(record => record.id === id)); 
    } 
}

来源

2016-11-01 meli02

通过selectedrecords: Record[]你刚才设置该属性的类型，所以如果你做错什么打字稿可以提醒你。

实际初始化，您可以使用空数组属性：

selectedrecords: Record[] = [];

来源

2016-11-01 13:29:14 martin

您需要使用您的变量之前初始化。

constructor(
private router: Router, 
private recordService: RecordService) { 
this.selectedrecords = new Array<Record>(); // <-- added 
}

来源

2016-11-01 13:28:40 Sefa

Angular2无法读取未定义的属性“推”

回答

相关问题