Map JSON object to TypeScript object automatically (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);
    }
}

```

What are the types of the properties? If you don't need them strongly typed, you can just iterate over the properties of the object with for-in. If you need each of them strongly typed at compile time, can you specify what type(s) they'll have (if anything in common) — James Manning
– James Manning, Commented Jul 6, 2016 at 0:41

basarat · Accepted Answer · 2016-07-06 03:29:32Z

6

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;
  } 
}

answered Jul 6, 2016 at 3:29

basarat

278k60 gold badges475 silver badges528 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Map JSON object to TypeScript object automatically (Angular 2)

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related