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

发布时间：2020-12-17 07:26:49 所属栏目：安全来源：网络整理

导读：我在我的应用程序中有一些简单的“纯”实用程序功能,我希望将其保存在一个地方.问题是,我可以使用以下方法在我的组件中导入它们： import { utilities } from '../shared/utilities' 但是这些实用程序函数/方法在我的模板文件中不可用(因为它们仅绑定到组件

我在我的应用程序中有一些简单的“纯”实用程序功能,我希望将其保存在一个地方.问题是,我可以使用以下方法在我的组件中导入它们：

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!