如何创建具有日期索引的模型？

Question

I want to access an API with Angular. It gives me an array with a date as an index.

I already tried to create a model, but unfortunately, it doesn't work. How do I have to change it?

The API answer looks like this

{
    "Information": {
        "Created": "2019-04-25",
        "Version": "1.2"
    },
    "Files": {
        "2019-04-26": {
           'name': 'file1',
           'size': 5,
        },
        "2019-04-25": {
            'name': 'file2',
            'size': 3,
        },
    ...
        }
    }

My model looks like this

export class Model {
  'Information': {
    'Created': String,
    'Version': String,
  };
  Files: [

    {
     'Date': String,
     'name': String,
     'size': number,
    }
    ];

}

Answer 1

what you want here is an index signature , which looks like this.

export class Model {
  'Information': {
    'Created': string,
    'Version': string,
  },
  'Files': { 
    [date:string]: {
     'name': string,
     'size': number,
    }
  }
}

it's stating that class Model has a property Files which is an object with string keys and values that have a string property name, and a number property size. This doesn't constrain that the keys have to match a certain date pattern, and I don't think there is a way to do that as far as I know.

You can alternatively write a function that maps this response object into an object with a Files array where each object in the array contains the date. That mapping function is a different question but the model would look like this:

export class Model {
  'Information': {
    'Created': string,
    'Version': string,
  },
  'Files': { 
    'date': string, // could also type this as Date if you do the conversions
    'name': string,
    'size': number,
  }[]
}