Comment appeler une méthode de composant de service? (angular2)

Je veux créer un service, ce qui peut interagir avec un seul composant.
Tous les autre composants dans mon application, devraient pouvoir faire appel à ce service, et ce service doit interagir avec ce composant.

Comment appeler une méthode de composant de service?

@Component({
  selector:'component'
})
export class Component{

  function2(){ 
    //How call it?
  }
}

De ce service?

@Injectable()

export class Service {


  callComponentsMethod() {
    //From this place?;
      }
}
  • Vous devez extraire le callComponentsMethod méthode à un service, puis injecter le service à deux endroits
InformationsquelleAutor Max K | 2016-11-24
  1. 18

    Interaction entre les composants peuvent être en effet réalisé à l'aide de services. Vous aurez besoin d'injecter de l'utilisation des services de inter-composantes de la communication dans tous les composants qui ont besoin de l'utiliser (tous les appelant les composants et le destinataire de l'appel de la méthode) et d'utiliser les propriétés des Observables.

    Le service partagé peut ressembler à quelque chose comme ceci:

    import { Injectable } from '@angular/core';
import { Subject } from 'rxjs/Subject';

@Injectable()
export class CommunicationService {

  //Observable string sources
  private componentMethodCallSource = new Subject<any>();

  //Observable string streams
  componentMethodCalled$ = this.componentMethodCallSource.asObservable();

  //Service message commands
  callComponentMethod() {
    this.componentMethodCallSource.next();
  }
}

    J'ai créé un exemple de base ici, où cliquant sur un bouton de Component1 va appeler une méthode de Component2.

    Si vous voulez en savoir plus sur le sujet, veuillez vous référer à la section documentation: https://angular.io/docs/ts/latest/cookbook/component-communication.html#!#bidirectionnel-service

    • Il appelle callComponentMethod, mais n'appelle pas componentMethodCallSource. Avez-vous une idée pourquoi?
    • Je ne comprends pas vraiment ta question. Le résultat final est que Component1 appelle une méthode de Component2. N'est-ce pas ce dont vous avez besoin?
    • Je ne comprends pas pourquoi, mais ne prend pas les appels de fonction désirée.
    • Vous voulez dire dans votre application, à droite? Pouvez-vous s'il vous plaît regarder dans la console pour voir si il y a des erreurs?
    • Pas de. Il n'y a pas d'erreurs. Je vois de la console.les journaux que dans callComponentMethod, mais il n'appelle pas besoin de méthode.
    • Assurez-vous d'enregistrer le service partagé en tant que fournisseur dans la racine du module. Si ce n'est pas le problème, veuillez me montrer le code de votre application afin que je puisse prendre un coup d'oeil.
    • Laissez-nous continuer cette discussion dans le chat.
    • Pourrait-il appel en composant à partir d'un autre module?
    • J'ai testé uniquement le cas où les composants de résider dans le même module, je ne pense pas que cela fonctionne avec différents modules.
    • Ciotlos, Votre solution ci-dessus est vraiment bon. Comment passer de la valeur de la composante 1 composante 2 en paramètre de méthode?
    • Veuillez jeter un oeil à cet exemple: angulaire.io/docs/ts/latest/cookbook/...
    • pouvez-vous élucider moi sur comment puis-je appeler un composant "méthode" d'une méthode de service? Pas à partir d'un autre composant. Je suis sur un même menu en différents composants de sorte qu'un j'ai besoin de tous les composants à mettre en œuvre sa propre version de la méthode de service des thats son appelé lorsque l'option est sélectionnée.
    • J'ai testé ce que Tudor Ciotlos expliqué et il ne fonctionne que si tous les composants sont dans le même module. Si vous souhaitez travailler avec cette solution, et séparés des modules, vous aurez besoin de faire des adaptations.

    InformationsquelleAutor Tudor Ciotlos