パラメータ付きコンポーネント内のAngular2呼び出しコンポーネント

Question

コメント付きの詳細ページがあります。 1つのコメントのために、私は@Componentを作成しました。トリックは、すべてのコメントが子コメントを持つことができますです。

some info here... 
<single-comment ngFor... [comment]="'hi comment'"></single-comment> 

とシングルcomment.htmlは次のようになります：コンポーネント自体

<ion-item no-padding> 
    <small dark> 
    <strong>{{comment}}</strong> 
    </small> 
    <ng-content></ng-content> 
    <single-comment [comment]="'ANOTHER comment'"></single-comment> 
</ion-item> 

：ここ

は私details.htmlがどのように見えるかだ

@Component({ 
    selector: 'single-comment', 
    templateUrl: 'single-comment.html' 
}) 
export class SingleComment { 
    @Input() comment: string; 

    constructor() { 
    } 

    ngAfterContentInit() { 
     console.log('new comment', this.comment); 
    } 
} 

事は、第二の別名です。子コンポーネントが呼び出されることはありません。

さらに、例をよく示すPlunkrコードを作成しました。ここにPlunkrが表示されます：https://plnkr.co/edit/w5kWE6QdbEoXIpqLI4dc?p=preview。 plunkrの例の「詳細」ページはhome.htmlで、@Component自体も格納されています。

これはAngular2バグですか、それともまったく不可能な動作ですか？私の解決策は、ネストされたコメントを表示することですが、2番目のコメントを読み込むことができないので、私は行き詰まっています。

これに対する解決方法はありますか、それとも私がやろうとしていることを達成するためのよりよい方法ですか？

ありがとうございました。 @NgModuleの導入とdirectivesforwardRef@NgModuleへの移行で

Answer 1

更新

もう必要ありません。

元

あなたは（再帰的）自体の内部コンポーネントを使用したい場合は@Component()デコレータは、クラスとクラスの前に来るので、あなたは、他のコンポーネントまたはディレクティブのようprovidersに追加する必要があり、それが宣言される前に、あなたはまた、あなたはまた、再帰がどこかで終わるようにする必要がありforwardRef

import {Component, forwardRef, Input} from '@angular/core' 

@Component({ 
    selector: 'single-comment', 
    templateUrl: 'single-comment.html', 
    directives: [forwardRef(() => SingleComment)] 
}) 
export class SingleComment { 
    @Input() comment: string; 

    constructor() { 
    } 

    ngAfterContentInit() { 
     console.log('new comment', this.comment); 
    } 
} 

を必要とするか、またはあなたがスタックを取得します参照することはできませんオーバーフローする。 Plunkerでは*ngIfを使用して行われます：

Plunker example