Angular 2：导入共享函数

Question

我发现自己重用了泛型函数，我更愿意将它们放在一个地方，然后简单地将它们导入我的各种组件中。这是我在 Angular 2 中可以轻松完成的事情吗？

例如：

handleResponse(message) {
    let toast = this.toastCtrl.create({
        message: message,
        duration: 3000,
        position: 'top'
    });
    toast.present();
}

为了能够导入这个函数并调用它，我应该把它放在哪里？

Answer 1

您可以使用类来执行此操作。最好的方法是创建一个包含static 成员的类，这样您就可以在不构造类的情况下访问它的属性。这通常在它自己的文件中完成。

例子：

export class Utils {

  public static handleResponse(): returnType {...}

  public static doAThing(): anotherType {...}

}

...然后像往常一样导入你的 Utils 类，然后静态调用它的方法：

import { Utils } from 'path/to/utils';

...

let banana = Utils.handleResponse(thing);

注意静态成员应该是public（并且需要声明，即使未声明的成员默认是public）。