javascript - 编写全局函数以在 Angular 所有组件中使用

Question

注意:它不是用于全局变量，而是用于在所有组件上执行功能的全局通用函数

我正在开发一个 Angular 应用程序，其中在不同的模块中有大约 400 个组件，几乎所有组件都具有如下所述的相同功能

许多页面上有一个部分显示“如何工作”部分，用户可以关闭该部分，除非他们再次打开它，否则它将保持关闭状态，我已经使用我在单击关闭或打开图标时设置的 cookie 完成了它，但是这个函数写在一个组件中，需要在其他组件中导入

我想在某处创建一个函数，该函数在单击图标时执行此功能，并且可以在不导入其他任何组件的情况下调用。

一种方法(如我所想)可以在文件中创建一个 JavaScript 函数并将其加载到索引文件中，然后在单击关闭和打开图标时调用此函数

不确定这是否是最好的方法。希望有人能提出更好的解决方案。

Answer 1

1.创建你的全局函数服务，即'services'下的'funcs.services.ts' 目录:

import { Injectable } from '@angular/core';

@Injectable({
  providedIn: 'root'
})

export class FuncsService {
  constructor() { }
  
  myGlobalAddFunction(a){
    return a++;
  }
  mySecondFunc(){
    // add more... and so on
  }
}

2. 在你的组件中导入函数:

// your path may different 
import { FuncsService } from './../services/funcs/funcs.service';
//...
constructor(
   private funcs: FuncsService
) {}
ngOnInit(): void {
   let x = 1;
   myResult = this.funcs.myGlobalAddFunction(x);
   // Then you are expecting 2 for return value
}

3. 希望有效... :)