Using a JSON Dictionary with Typescript

Question

I have two json dicionary files, each with the same terms from two different languages.

{
   "Account" : {
      "AccountLockText" : "Your account is locked",
      "Login" : {
         "CreateAccount" : "Create an account",
         "LoginBtn" : "Login",
         "LoginHeader" : "Login"
      }
   }
}

And I have a dictionaries.d.ts:

declare module "dictionaries" {
    var Account: any;
}

To be called and used with typescript in my application. Sad part is that said file is empty, and I have no idea how to make that kind of connection.

Can someone help me with this?

The dictionaries.d.ts is empty apart the Account var. Theres no connection to the JSONs files. — Gonçalo
– Gonçalo, Commented Jan 25, 2018 at 16:03

Fenton · Accepted Answer · 2018-01-25 16:12:57Z

2

I usually use a simple interface to describe a JSON message I'm getting back from a service call:

interface AccountData {
    Account: {
        AccountLockText: string;
        Login: {
            CreateAccount: string;
            LoginBtn: string;
            LoginHeader: string;
        }
    }
}

Here's an example of it in action (I'm just parsing a JSON string to show you how it adds the type information from the interface I use in the type annotation).

const data = `{
"Account" : {
    "AccountLockText" : "Your account is locked",
    "Login" : {
        "CreateAccount" : "Create an account",
        "LoginBtn" : "Login",
        "LoginHeader" : "Login"
    }
}
}`;

let result: AccountData = JSON.parse(data);

alert(result.Account.Login.CreateAccount);

answered Jan 25, 2018 at 16:12

Fenton

253k74 gold badges404 silver badges414 bronze badges

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

Collectives™ on Stack Overflow

Using a JSON Dictionary with Typescript

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