Angular - 如何让一个不在组件上的函数在点击时产生一个按钮？

Question

我有一个函数叫functionSave()，它在functionSave.ts文件中。它在functionSave.ts文件中。我想在my-component.html中调用它。它们都在同一个文件夹里。能否调用它？

Answer 1

可以，只要像这样导入就可以了。

我的... functionSave.ts 文件。

export function doSomething(value: any): any {
         // do something
        }

我的组件类。

// import your function from functionSave
import { doSomething } from './functionSave';

@Component({})
class MyComponent {

  // save it in the component class
  public doSomething = doSomething;

}

最后在模板中调用它。

 <element (click)="doSomething()"></element>