将模板中可用的实用程序函数保存在angular2中的位置

前端之家收集整理的这篇文章主要介绍了将模板中可用的实用程序函数保存在angular2中的位置前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我在我的应用程序中有一些简单的“纯”实用程序功能,我希望将其保存在一个地方.问题是,我可以使用以下方法在我的组件中导入它们:
import { utilities } from '../shared/utilities'

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

我认为如果将其注入控制器,您应该可以使用模板中的实用程序.
像这样的东西:
import { Utilities } from './shared/utils';

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

在您的模板中,您应该能够使用util.your_function

更新:

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

    get staticMethod1() { return Utilities.staticMethod1(); }
}
原文链接:https://www.f2er.com/angularjs/142010.html

猜你在找的Angularjs相关文章