角2 - 不能與ViewChild也不ContentChild

Question

答案得到基類實例：

• 不使用EXPORTAS

• 使用@ViewChild（ '爲myContent'）爲myContent;獲取父類

• 如果視圖被初始化它只會工作的實例，所以最好使用ngAfterViewInit

---

這涉及繼承！

base class (component) 
    | 
inherited class (component) 

我有EXPORTAS導出的基類組分

@Component({ 
    selector: 'my-content', 
    exportAs: 'myContent', 
    ... 
}) 

繼承的類組分在繼承的使用其自己的模板

<my-content #myContent> 
    ... 

基類模板 一個參考組件的代碼我嘗試獲取其實例

@ViewChild('myContent') myContent; 

或

@ContentChild('myContent') myContent; 

有人說這應該工作，但爲myContent常是不確定的

我該如何解決這個問題？

感謝

Answer 1

爲了讓你可以直接使用組件類的父模板中的子組件的實例，無任何引用，像這樣

@ViewChild(MyComponentClass) myContent; 

凡MyComponentClass是的導出名稱子組件類。

作爲一個側面說明，請確保您referenceing的myComponent變量後的意見已檢查/初始化（使用ngAfterViewInit），而不是ngOnInit，因爲，在初始階段，就不會被創建子組件。

這裏有一個工作plunkr：

https://plnkr.co/edit/Q53I4EIDOL0ZrUEo2jRN?p=preview

Answer 2

@ViewChild(MyParentComponent) myParent: MyParentComponent

可以將背景父組件一樣this.myParent

plunker：

import { Component, ViewChild } from '@angular/core'; 

@Component({...}) 

export class InheritedComponent extends BaseClassComponent { 

    @ViewChild(BaseClassComponent) myBaseclass: BaseClassComponent; 

    doSomeOperations() 
    { 
     this.myBaseclass.toggle(); 
     console.log(this.visible); 
    } 

}