打字稿，访问静态成员

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

我该如何解决或实施？谢谢。

更新

---

一种可能的解决方案

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 不是Drink，类（构造函数），这就是info；它是Drink 的实例，但它不是。试图访问它的行试图像使用类一样使用实例。

你不导出Drink，所以访问它的唯一方法是真的迂回：

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

...不过最好导出Drink直接使用：

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

请注意，引用的代码永远不会为 drink 实例分配值，因此您需要使用上述任何一种方法来执行此操作。

---

或者，也许您打算将构造函数Drink 公开为Api 的静态成员？如果是这样，您需要稍微改变一下，请参阅 cmets：

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