comment étendre le service avec dépendances angulaire 2

J'ai un service parent qui a des dépendances comme

@Injectable()
export class ParentService{
  constructor(private http:Http, private customService:CustomService){}
}

et je veux étendre le service

@Injectable()
export class ChildService extends ParentService{
  constructor (){
    super(??) <= typescript now asking to enter two parameters according to ParentServie's constructor
  }
}

Modifier-----------------

@Injectable()
export class ParentService{
  constructor(private http:Http, private customService:CustomService){}
  get(){this.http.get(...)}
}

@Injectable()
export class ChildService extends ParentService{
  constructor (private http:Http, private customService:CustomService){
    super(http, customService)
  }
}

Alors je peux utiliser dans les composants?

export class Cmp {
  constructor(private childService:ChildService){
    this.childService.get()
  }
}

OriginalL'auteur Han Che | 2016-08-29

  1. 18

    Les paramètres de la super-classe doivent être répétées et transmis à la super appel:

    @Injectable()
export class ChildService extends ParentService{
  constructor (http:Http, customService:CustomService){
    super(http, customService);
  }
}

    Il y a quelques "bidouilles" pour contourner comme L'héritage et l'injection de dépendance

    J'ai ajusté le code, serait-il travailler?
    non, le constructeur manque les paramètres. Angular2 DI lit les paramètres du constructeur quelles sont les dépendances, il doit passer à un composant. ChildService ne se passait rien, car il n'a pas les paramètres du constructeur. super(http, customService) est pas valide, car http et customService ne sont pas connus dans la sous-classe.
    désolé j'ai oublié d'ajouter le paramenters à des composants enfants constructeur. pas correct?
    Cela devrait fonctionner. C'est similaire à ce que j'ai montré dans ma réponse, mais maintenant il y a aussi remplacé les champs http et customService dans le ChildService.
    Hey, comment aboust sauter private mot-clé dans ChildService constructeur? super() est de les stocker en tant que propriétés

    OriginalL'auteur Günter Zöchbauer

  2. 14

    Simplement faire de service de base... non@Injectable()! Par exemple, vous devez fournir une méthode pour récupérer profil utilisateur dans LoginService. Cette méthode sera différente pour différents cas de LoginService, et parent de la classe ne doit pas savoir quelque chose au sujet d'où cette méthode est venu: il peut être lambda, il peut être exporté fonction, il peut être une méthode d'un autre service. Pour ce faire, vous pouvez déclarer service des parents qui
    Service des parents:

    //Don't annotate it with @Injectable() ! It's a simple class.
export abstract class BaseLoginService {
  constructor(
    //This won't be injected automatically, 
    //child class must call super() and provide value for this argument.
    //Note: it's private, can't be accessed outside of BaseLoginService class
    private http: HttpClient,
    //Method used to retrieve user profile
    private profileGetter: () => Observable<UserDetails>, 
    private router: Router
  ) {
    this.profileGetter().subscribe(); //Do something with this method
  }

    Puis l'étendre dans la classe enfant:

    //Child class must be annotated with @Injectable(),
//if you don't need to extend it further
@Injectable() 
export class LoginService extends BaseLoginService {

  constructor(
    //Note: no public/private/protected here - "http"
    //will be just an argument
    http: HttpClient, 
    private profileService: ProfileService, //This is the private field of LoginService class
    router: Router,
    //Some service used by LoginService class, parent class BaseLoginService
    //doesn't need to know about SomeOtherService
    private someOtherService: SomeOtherService
  ) {
    super(
      http,
      //Need lambda here to capture profileService instance. If
      //profileService.getUserDetailsMethod doesn't use instance
      //fields or methods, then we can simply write 
      //"profileService.getUserDetailsMethod" (without quotes, obviously).
      () => profileService.getUserDetailsMethod(), 
      router
    );
    this.someOtherService.doSomething(); //Custom initialization code
  }

    Remarque: dans providers section de module de spécifier LoginService au lieu de parent BaseLoginService: 

    providers: [
  LoginService,

    et de l'utiliser dans les classes de composants:

    export class LoginComponent implements OnInit {
  constructor(
    private loginService: LoginService
  ) {
  }

    Si vous devez utiliser le service parent (par exemple dans les composants partagés qui seuls ont besoin de fonctionnalités de service des parents de la classe), puis fournir BaseLoginService de cette façon:

    providers: [
  {provide: BaseLoginService, useExisting: LoginService}, //For those components which need functionality from base class only
  LoginService, //Still need this one for those components which need functionality from child class
    cette réponse mérite le plus de votes, merci!

    OriginalL'auteur izogfif