自动将JSON对象映射到TypeScript对象（Angular 2）

Question

i'm new to Typescript and javascript. My question is: how from this

```

{
    "release": {
        "ref": {},
        "commits": {}
    },
    "debug": {
        "ref": {},
        "commits": {}
    },
    "feature": {
        "ref": {},
        "commits": {}
    },
    "hotfix": {
        "ref": {},
        "commits": {}
    }
}

```

map it with with Typescript using interfaces

export interface IRepo { branches: IBranch; // how to make branches a of type string: IBranch dictionary? }

there will be unknown number of properties like debug, release, etc, i want to keep them as dictionary in IRepo instance

i'm using this to fetch data:

```

getRepo() : Observable<IRepo> {
    if (!this.repo) {
        return this.http.get(this._baseUrl + 'repo.json')
            .map((res: Response) => {
                this.repo = res.json();
                return this.repo;
                })
                .catch(this.handleError);
    } else {
        return this.createObservable(this.repo);
    }
}

```

Answer 1

You have a map that goes from some known string to an object of known structure (has ref commits ). Just use a string indexer:

interface BranchByName {
  [branchName: string]: {
    ref: any;
    commits: any;
  } 
}