Как придать косвенный компонент предка в Angular2

Question

В Angular2 это можно инжектировать родитель или даже предок (например, бабушка и дедушка.) Компоненту к ребенку, просто используя следующий синтаксис:

export class Grandchild { 
    constructor(@Optional() @Host() @Inject(forwardRef(() => Ancestor)) ancestor) 
} 

однако, что кажется, работает только для предок-внучатые отношений, которые определены в одном шаблоне, как следующее:

<!-- App component template --> 
<ancestor> 
    <foobar> 
    <grandchild></grandchild> <!-- injection works --> 
    </foobar> 
</ancestor> 

Если вместо этого наши шаблоны будет походить следующим образом, инъекция не будет работать:

<!-- App component template --> 
<ancestor> 
    <foobar></foobar> 
</ancestor> 

<!-- Foobar component template --> 
<grandchild></grandchild> <!-- injection doesn't work --> 

Я сделал plunker для этого: http://plnkr.co/edit/D9iSokONIAFAS8G1NTd1

Answer 1

Вы можете обеспечить общую службу и использовать его для общения.

@Injectable() 
class SharedService { 
    grandParent = new BehaviorSubject(); 
} 

@Component({ 
    selector: 'grand-parent', 
    providers: [SharedService], 
    ... 
}) 
class GrandParent { 
    constructor(sharedService:SharedService) { 
    sharedService.grandParent.next(this); 
    } 
} 

@Component({ 
    selector: 'descendant', 
    providers: [], 
    ... 
}) 
class Descendant { 
    constructor(@Optional() sharedService:SharedService) { 
    if(sharedService) { 
     sharedService.grandParent.subscribe(grandParent => this.grandParent = grandParent); 
    } 
    } 
} 

На практике я бы не отправить ссылку на this, но использование наблюдаемых для отправки сообщений приемника действует на.

Answer 2

Кит Ричардс мог бы рассказать вам кое-что о глотания предков ...

https://www.youtube.com/watch?v=uo5dtPx7P8g

К сожалению, дешевые шутки, но должен был сделать это.