Angular 2:导入共享功能

时间:2017-05-09 19:49:16

标签: angular service components

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

例如:

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

为了能够导入此功能并将其调用,我将把它放在哪里?

1 个答案:

答案 0 :(得分:0)

您可以使用类来执行此操作。执行此操作的最佳方法是创建一个包含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,也需要声明)。