Angular 角度6组件类拆分文件

如何将一个组件类拆分为多个文件

想象一下这个组件：

//main.ts
@Component({
  selector: "sg-page-main",
  templateUrl: "main.html",
})

export class MainPageComponent {
 public b : number = 41;

  public aff(): void {console.log(this.b)}
  public increment(): void {this.b=this.b+1}
}

我想把函数“increment”放到另一个文件中。

---

在我的项目中，组件中有50多个函数，它们都使用“this”作用域。

不使用函数中的全局变量，您可以将它们作为参数传递，使函数变得纯粹（如果可能）。其次，您可以创建一个或多个服务并将它们注入组件的构造函数中。感谢Mathias，我需要保留类“global”变量，因为这些变量直接绑定到模板。我明白了。尽管如此，您仍然可以创建一个服务并将属于那里的功能移动到一起。