typescript、アクセス静的メンバー

Question

私はこのようなことを持ちたいと思っています - Api.drinks.info - >これは静的であり、文字列を返します。しかし、私はエラーがあります

module App { 
export class Api { 
    public static drink: Drink; 
} 

class Drink { 
    static get base(): string { return '/api/drink'; } 
    public static get info(): string { return `${Drink.base}/info`; } 
}} 

どうすれば修正できますか？ありがとうございました。

UPDATE

---

可能な解決策の一つ

module Api { 
export module Drink { 
    var base = '/api/drink'; 
    export var info = `${base}/info`; 
} 
export module Admin { 
    var base = '/api/drink'; 
    export var info = `${base}/info`; 
}} 

Answer 1

Api.drinkはinfoを有するものである、クラス（コンストラクタ）、Drinkありません。 のインスタンスはDrinkですが、そうではありません。それにアクセスしようとしている行は、インスタンスをクラスのように使用しようとしています。

それにアクセスする唯一の方法は本当にラウンドアバウトであるので、あなたは、Drinkをエクスポートしません：

this.resource = this.dataAccessService.getResource(Api.drink.constructor.info); 

...しかし、Drinkをエクスポートし、それを直接使用する方が良いでしょう：

this.resource = this.dataAccessService.getResource(Drink.info); 

引用符で囲まれたコードは、drinkインスタンスに値を割り当てないので、上記のいずれかを行う必要があります。

---

代わりには、おそらくあなたはApiの静的メンバーとして、Drink、コンストラクタを公開するためのもの？そう、あなたは少し物事を変更する必要がある場合は、コメントを参照してください。そして、

module App { 
    // Classes aren't hoisted, so this needs to be before Api 
    class Drink { 
     static get base(): string { return '/api/drink'; } 
     public static get info(): string { return `${Drink.base}/info`; } 
    } 

    export class Api { 
     // 1. It's a function 
     // 2. We're initializing it to Drink 
     // 3. Because it's a constructor function/class, we use an 
     // initial capital letter in its name 
     public static Drink: Function = Drink; 
    } 
} 

：

this.resource = this.dataAccessService.getResource(Api.Drink.info);