在angular 6中包含Utility类的最佳方式

在Angular 6中，包含Utility类的最佳方式是创建一个单独的Utility模块，该模块将包含所有的Utility类和相关函数。

以下是实现这个最佳方式的步骤：

1. 创建Utility模块： 在Angular项目的根目录下创建一个新的Utility模块，可以命名为"utils"或者其他合适的名字。
2. 创建Utility类： 在Utility模块下创建一个或多个Utility类，根据具体需求命名和实现各种Utility函数。这些Utility类应该是纯粹的，只包含静态方法和属性。
3. 导出Utility类： 在每个Utility类中使用export关键字将其导出，以便在其他组件和服务中使用。
4. 导入Utility模块： 在需要使用Utility类的组件或服务中，将Utility模块导入到NgModule的imports数组中。
5. 使用Utility类： 在需要使用Utility类的组件或服务中，通过直接调用Utility类的静态方法或属性来使用它们。

以下是一个示例：

1. 创建Utility模块： 在项目的根目录下创建一个名为"utils"的文件夹，在该文件夹下创建一个名为"utility.module.ts"的文件。
2. 创建Utility类： 在"utils"文件夹下创建一个名为"string-utils.ts"的文件，并在该文件中创建一个名为"StringUtils"的Utility类，实现一些与字符串相关的实用函数，例如字符串截取、拼接等。

// string-utils.ts

export class StringUtils {
  static truncate(str: string, length: number): string {
    // 实现字符串截取函数
  }

  static concat(str1: string, str2: string): string {
    // 实现字符串拼接函数
  }
}

1. 导出Utility类： 在"string-utils.ts"文件的末尾使用export关键字将StringUtils类导出。

// string-utils.ts

export class StringUtils {
  // ...

  static concat(str1: string, str2: string): string {
    // ...
  }
}

export default StringUtils;

1. 导入Utility模块： 在需要使用StringUtils类的组件或服务的NgModule中的imports数组中导入Utility模块。

import { NgModule } from '@angular/core';
import { StringUtils } from './utils/string-utils';

@NgModule({
  imports: [
    // ...
    StringUtils,
    // ...
  ],
  declarations: [
    // ...
  ],
  providers: [
    // ...
  ],
})
export class MyModule { }

1. 使用Utility类： 在需要使用StringUtils类的组件或服务中直接调用其静态方法。

import { StringUtils } from './utils/string-utils';

export class MyComponent {
  constructor() {
    const truncatedStr = StringUtils.truncate('Hello, world!', 5);
    console.log(truncatedStr); // 输出：Hello
  }
}

这样，通过创建单独的Utility模块和相应的Utility类，可以更好地组织和管理Utility函数，并在需要时方便地引用和使用。