Angular - 如何将打字稿方法提取到新文件中答案

【问题标题】：Angular - how to extract typescript methods to new filesAngular - 如何将打字稿方法提取到新文件中
【发布时间】：2022-08-12 23:10:57
【问题描述】：

我在 Angular 项目中继承了一些打字稿组件，其中一些长达数千行。我该如何进行重构以允许我将方法移动到其他文件中并从组件中调用它们？例如，像

  InitialiseSearchFilter() {
    this.searchListFilter.PageNumber = 1;
    this.searchListFilter.PageSize = 20;
    this.searchListFilter.SortOrder = \"asc\";
  }

出于文件大小和可读性的目的，我想移出组件并进入另一个文件，我可以从组件中引用该文件。

标签： angular typescript

【解决方案1】：

您可以尝试将组件中的定义定义为：

import { CustomComponentB } from 'CustomComponentB';
....
....
....
export class CustomComponent extends CustomComponentB {

然后在 CustomComponentB.ts 文件中，您可以添加一些原本在 CustomComponent 上的属性和方法。

如果你尝试这个，请告诉我，它对你有用。

【讨论】：

【解决方案2】：

我会做这样的事情：

InitialiseSearchFilter(): { pageNumber: number, pageSize: number, sortOrder: 'asc' || 'desc'} {
    return {PageNumber: 1,PageSize: 20,SortOrder: "asc"}
  }

【讨论】：