Zugriff auf die Eigenschaften der Komponente A in Komponente B?

Question

Ich kann @Input nicht verwenden, weil die beiden Komponenten im Komponentenbaum weit voneinander entfernt sind.

Die Verwendung eines Dienstes sieht wie die einzige Option aus, aber es erscheint sehr übertrieben, einen Dienst zu haben, der im Wesentlichen ein Duplikat der A-Eigenschaften aller Komponenten ist. Jedes Mal, wenn ich eine Eigenschaft in A einstelle, muss ich sie auch im Service einstellen, damit B darauf zugreifen kann. Scheint nicht sehr effizient.

Gibt es keine Möglichkeit, die Instanz von Komponente A in Komponente B zu injizieren? Beachten Sie, dass A kein Eltern/Kind von B ist.

Prost!

Answer 1

Sie können auf eine Eigenschaft eines Dienstes binden

@Component({ 
    ... 
    template: <div>{{myService.someProp}}</div> 
}) 
class MyComponent { 
    constructor(private myService:MyService){} 
} 

dann zu duplizieren Sie brauchen nicht zu.