Angular 2声明一个对象数组

Question

我有以下的表达方式:

public mySentences:Array<string> = [
    {id: 1, text: 'Sentence 1'},
    {id: 2, text: 'Sentence 2'},
    {id: 3, text: 'Sentence 3'},
    {id: 4, text: 'Sentenc4 '},
];

这不起作用，因为我的数组不是＜code＞string＜code＞类型，而是包含一个对象列表。如何删除数组以包含对象列表？

*没有一个新的组件，它声明一个类的句子，这似乎是一种浪费

Answer 1

如果要存储来自外部API或DB的数据，另一种方法特别有用：

>

创建一个表示数据模型的类

export class Data{
    private id:number;
    private text: string;

    constructor(id,text) {
        this.id = id;
        this.text = text;
    }

在组件类中，创建一个< code>Data类型的空数组，每当从API或您使用的任何数据源获得响应时，就填充这个数组

export class AppComponent {
    private search_key: string;
    private dataList: Data[] = [];

    getWikiData() {
       this.httpService.getDataFromAPI()
        .subscribe(data => {
          this.parseData(data);
        });
     }

    parseData(jsonData: string) {
    //considering you get your data in json arrays
    for (let i = 0; i < jsonData[1].length; i++) {
         const data = new WikiData(jsonData[1][i], jsonData[2][i]);
         this.wikiData.push(data);
    }
  }
}

Answer 2

public mySentences:Array<Object> = [
    {id: 1, text: 'Sentence 1'},
    {id: 2, text: 'Sentence 2'},
    {id: 3, text: 'Sentence 3'},
    {id: 4, text: 'Sentenc4 '},
];

或者更确切地说，

export interface type{
    id:number;
    text:string;
}

public mySentences:type[] = [
    {id: 1, text: 'Sentence 1'},
    {id: 2, text: 'Sentence 2'},
    {id: 3, text: 'Sentence 3'},
    {id: 4, text: 'Sentenc4 '},
];

Answer 3

我假设你使用的是类型脚本。

为了更加谨慎，您可以将< code>type定义为需要匹配特定接口的对象数组:

type MyArrayType = Array<{id: number, text: string}>;

const arr: MyArrayType = [
    {id: 1, text: 'Sentence 1'},
    {id: 2, text: 'Sentence 2'},
    {id: 3, text: 'Sentence 3'},
    {id: 4, text: 'Sentenc4 '},
];

或短语法，而不定义自定义类型:

const arr: Array<{id: number, text: string}> = [...];