Angular中如何在Model构造函数中合理使用Service？

我希望在Angular的Model构造函数里调用Service，因为Service中包含构造函数可复用的信息与方法。以下是我构思的示例场景：

模型（Models） #

我定义了一个Dog类存储狗狗信息，需要计算该狗狗与对应品种平均身高的差值，现有代码如下：

class Dog {
  id: string;
  name: string;
  breed: string;
  age: number;
  height: number;
  dif_Height: number;

  constructor(id: string, name: string, breed: string, age: number, height: number) {
    this.id = id;
    this.name = name;
    this.breed = breed;
    this.age = age;
    this.height = height;
  }
}

服务（Services） #

我的Service中已经有适配该需求的方法：服务存储了所有犬种信息，提供getBreedDif方法，传入品种即可返回身高差值，代码如下：

getBreedDif(breed: string): number {
  // 查找对应品种
  // 计算身高差值
  return heightDif;
}

我目前有几种实现思路，但不确定最优方案：

思路1：将Service作为构造函数参数传入 #

constructor(id: string, name: string, breed: string, age: number, height: number, service: BreedService) {
  this.id = id;
  this.name = name;
  this.breed = breed;
  this.age = age;
  this.height = height;
  this.dif_Height = service.getBreedDif(breed);
}

这种方式不够优雅，并非最优解。

思路2：重写方法，传入Service中的数据列表 #

constructor(id: string, name: string, breed: string, age: number, height: number, serviceBreedList: Breed[]) {
  this.id = id;
  this.name = name;
  this.breed = breed;
  this.age = age;
  this.height = height;
  this.dif_Height = this.getBreedDif(breed, serviceBreedList);
}

getBreedDif(breed: string, myServiceList: Breed[]): number {
  // 查找对应品种
  // 计算身高差值
  return heightDif;
}

这种方式相对更好，但创建大量对象时重复传入固定数据会很繁琐。

思路3：在Model中注入Service #

这是我的第三种思路，但不确定具体实现方式及潜在影响。

推荐解决方案 #

方案1：使用工厂模式创建Model（优先推荐） #

让Service封装Model的创建逻辑，保持Model的纯粹性（仅负责数据存储），符合单一职责原则和Angular的依赖注入设计理念：

1. 简化Dog类，使其仅作为数据载体：

export class Dog {
  id: string;
  name: string;
  breed: string;
  age: number;
  height: number;
  dif_Height: number;

  constructor(data: Omit<Dog, 'dif_Height'>, difHeight: number) {
    Object.assign(this, data);
    this.dif_Height = difHeight;
  }
}

2. 在Service中添加创建Dog对象的方法：

@Injectable({ providedIn: 'root' })
export class BreedService {
  private breedData: Breed[] = [...]; // 预存的犬种数据

  getBreedDif(breed: string): number {
    // 具体计算逻辑：查找品种平均身高，计算与当前狗狗身高的差值
    const breedInfo = this.breedData.find(b => b.name === breed);
    return breedInfo ? this.height - breedInfo.averageHeight : 0;
  }

  createDog(dogData: Omit<Dog, 'dif_Height'>): Dog {
    const difHeight = this.getBreedDif(dogData.breed);
    return new Dog(dogData, difHeight);
  }
}

3. 在组件或其他依赖中调用Service创建Dog：

@Component(...)
export class DogComponent {
  constructor(private breedService: BreedService) {}

  addDog() {
    const newDog = this.breedService.createDog({
      id: '1',
      name: '旺财',
      breed: '金毛',
      age: 2,
      height: 60
    });
    // 使用newDog对象
  }
}

方案2：通过Injector在Model中获取Service（不推荐） #

如果必须在Model中直接使用Service，可以借助Angular的Injector获取实例，但这种方式会让Model与Angular框架耦合，降低可测试性和灵活性：

import { Injector } from '@angular/core';
import { BreedService } from './breed.service';

export class Dog {
  id: string;
  name: string;
  breed: string;
  age: number;
  height: number;
  dif_Height: number;

  constructor(id: string, name: string, breed: string, age: number, height: number) {
    this.id = id;
    this.name = name;
    this.breed = breed;
    this.age = age;
    this.height = height;

    // 通过Injector获取Service实例
    const injector = Injector.create({ providers: [{ provide: BreedService, useClass: BreedService }] });
    const breedService = injector.get(BreedService);
    this.dif_Height = breedService.getBreedDif(breed);
  }
}

总结 #

优先选择工厂模式，这种方式让Model专注于数据存储，Service负责业务逻辑和对象创建，代码结构清晰、可维护性强，也契合Angular的设计原则。

内容的提问来源于stack exchange，提问作者Scieur Arnaud