哪里可以在模板中使用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(); }
}
链接地址: http://www.djcxy.com/p/95811.html

上一篇: Where to keep utility functions in angular2 that are available in templates

下一篇: MSBuild.Community.Tasks issue with vs2017