访问组件B中组件A的属性？

Question

I can't use @Input , because the two components are far apart in the components tree.

Using a service looks like the only option, but it seems very overkill to have a service that is essentially a duplicate of all component's A properties. Every time I set a property in A, I would also need to set it in the service so that B has access to it. Doesn't seem very efficient.

Isn't there a way to inject the instance of component A in component B? Note that A isn't a parent/child of B.

Cheers!

Answer 1

You can bind to a property of a service

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

then you don't need to duplicate.