推送到接口类型数组

Question

我有一个名为行类型 TestEvent 的数组，并且想要推送到数组，我无法输出我推送的对象它只显示未定义 如您所见，this.rows 显示了数组，但是当我尝试输出一个特定的数组 this.rows[0] 时，我得到了未定义。 （打字稿 2.7，Angular 5）

我尝试了以下指南：

• http://robertdunawaypro.blogspot.no/2016/01/018-typescript-arrays-using-interface.html
• TypeScript push not available on interface array
• Typescript: push not available on custom typed array

---

import { TestEvent } from '../../models/event'
rows: TestEvent[] = []

public push(){
    var test: TestEvent = {id: '222', category:'testcat', event_name: 'name'}
    console.log(test) // Outputs the array

    this.rows.push(test)    //Push the array to this.rows

    console.log(this.rows)  //Outputs array of objects
    consloe.log(this.rows[0])   //Outputs undefined
}

Event.ts

export interface TestEvent{
    id?: string,
    category?: string,
    event_name?: string
}

Answer 1

该代码没有问题，我在本地（打字稿：2.5，angular5）上进行了测试。 我得到了 "row[0] : {id: "222", category: "testcat", event_name: "name"}"

interface TestEvent{ 
id?: string,
  category?: string,
  event_name?: string
}

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent implements OnInit {

  rows: TestEvent[] = [];

  ngOnInit(){
    var test: TestEvent = {id: '222', category:'testcat', event_name: 'name'};
    console.log(test); // Outputs the array

    this.rows.push(test); //Push the array to this.rows

    console.log(this.rows); //=> 0:{id: "222", category: "testcat", event_name: "name"}
    console.log(this.rows[0]); // => {id: "222", category: "testcat",event_name: "name"}

    }
}