2016-08-11 14 views
1

throught別のコンポーネントを追加します。Angular2。私が持っているどのような第三

  1. TaskTopPanelコンポーネント。これは、コンテンツを含む
    1. 複数のコンポーネント
    @Component({ 
        selector: 'sc-dialog', 
        template: require('./dialog.component.html'), 
        directives: [FindPersonDlgComponent], 
    }) 
    export class DialogComponent { 
    
    (それはTaskTopPanelComponentで呼び出される)
  2. DialogComponent
<sc-dialog #dlg [header]="'Комментарий'" [free]="false" [height]="'500px'" [width]="'550px'" 
    [content]="" (opening)="openingListener($event)" 
    (closing)="closingListener($event)"> 
</sc-dialog> 
が含ま

私が知りたいのは、コンポーネントを渡すことは可能なのか(または、たぶん表示のみ) 、私はそれをTaskTopPanelから呼び出すとコンポーネントですか?

+0

Angular2で、異なるテンプレート/ htmlを1つのテンプレートと同じページに結合することが可能かどうか尋ねていますか? – jhhoff02

+0

@ jhhoff02そうではありませんが、私は1つのテンプレートを別のテンプレートに渡す必要があります。 つまり、私は私のダイアログを呼び出すとき、私はこのダイアログの内容を設定するものです。このコンテンツは一部のコンポーネントのビューです)) \t ViewChildを使用できるようですが、これは良い方法であるかどうかはわかりません。 – Pechenka

答えて

0

誰かが知りたいと思えば、解決策が見つかりました。それは です。1.あなたのコンテンツを見たい相手を、仲間に追加します。私の場合: TaskTopPanelComponent.html:

部品の

<div class="modal-content grey lighten-3 "> 
    <ng-content></ng-content> 
</div>.......................ect..... 

2. [追加セレクター、あなたがあなたのコンポーネントを呼び出すところ(私の場合)ダイアログに追加するWICH:DialogComponent.htmlは次のようになります

<sc-dialog #dlg [header]="'Выбор клиентов'" [free]="false" [height]="'800px'" [width]="'900px'" 
        (opening)="openingListener($event)" 
        (closing)="closingListener($event)"><find-person-dlg></find-person-dlg></sc-dialog> 
関連する問題