2016-10-10 15 views
3

コンテンツを切り抜こうとしています。角度2で動作していない単純なコンテンツです。

<body> 
    <bn-menu> 
     <span>test</span> 
     <p>I am content</p> 
    </bn-menu> 
    </body> 

そして、次のコンポーネント:

import { Component } from '@angular/core'; 
@Component({ 
    selector: 'bn-menu', 
    template: '<div><div>Jo</div><ng-content></ng-content></div>' 
}) 
export class MenuComponent { } 

しかし、唯一の「ジョー」が表示されますではなく、「テスト」または「私は満足して、」私は、コンポーネントの次のマークアップを持っています。私は間違って何をしていますか?

+0

この[Stackoverflow Post:Angular2ルートコンポーネントとng-content]をチェックインすることができます(http://stackoverflow.com/a/32574733/6515462) –

答えて

4

コンテンツをルートコンポーネントに表示しようとしているようですが、ルートコンポーネント内のコンテンツは通常、角度の起動中に使用されたコンテンツの表示に使用されます。

他のルートコンポーネント内でbn-menuをラップすることができればうまくいくはずです。

チェックこのSOこのことができますAngular2 root component with <ng-content>

希望を問います!

関連する問題