在模板中可用的角度2中保留实用程序功能的位置

Has*_*san 10 typescript angular

我在我的应用程序中有一些简单的"纯"实用程序功能,我想保留在一个地方.问题是,我可以使用以下方法在我的组件中导入它们:

import { utilities } from '../shared/utilities'
Run Code Online (Sandbox Code Playgroud)

但是,这些实用程序函数/方法在我的模板文件中不可用(因为它们仅绑定到组件类).我必须在我的组件中创建这些函数的别名才能使用它们.有一个更好的方法吗?

Vin*_*ade 6

我认为如果将其注入控制器,您应该可以使用模板中的实用程序.像这样的东西:

import { Utilities } from './shared/utils';

@Component({
    ....
    ....
})
export class ExampleComponent {
    constructor(public util: Utilities) { }
}
Run Code Online (Sandbox Code Playgroud)

在您的模板中,您应该可以使用 util.your_function

更新:

export class ExampleComponent {
    constructor(public util: Utilities) { }

    get staticMethod1() { return Utilities.staticMethod1(); }
}
Run Code Online (Sandbox Code Playgroud)