Angular 2 declaring an array of objects

Question

I have the following expression:

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

which is not working because my array is not of type string rather contains a list of objects. How I can delcare my array to contain a list of objects?

*without a new component which declaring the a class for sentence which seem a waste

Answer 1

I assume you're using typescript.

To be extra cautious you can define your type as an array of objects that need to match certain interface:

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 '}, ]; 

Or short syntax without defining a custom type:

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

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 '}, ]; 

Or rather,

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 '}, ];