我有一个 TypeScript 实用程序类
myUtils.ts
,如下所示:
export class MyUtils {
static doSomething(input: string) {
// do something
}
}
我想在组件的 HTML 中调用此方法。为了做到这一点,我在我的组件中导入了这个类
import { MyUtils } from './utils'
并在组件的 HTML 中使用,如下所示:
<ng-template #dynamicTableCell let-entry>
{{ MyUtils.doSomething(entry) }}
</ng-template>
HTML 正在抱怨
Unresolved variable or type MyUtils
。有趣的是,我能够执行相同的 MyUtils.doSomething(someEntry)
而不会在组件的 component.ts
文件中出现任何错误。它只是在抱怨 HTML。
有人可以告诉我如何解决 HTML 中的这个问题吗?预先感谢。
您不能使用它,因为模板表达式仅限于引用组件实例的成员,您需要在组件中创建该方法,或者在您的情况下使用 Angular 管道。
组件.ts
import { MyUtils } from './utils';
...
doSomething(entry) {
MyUtils.doSomething(entry);
}
// or
doSomething = MyUtils.doSomething;
您可以查看模板表达式文档。
import { MyUtils } from './utils';
...
MyUtils= MyUtils;
看起来很奇怪,但这对我有用