Angular2。在第三个组件中添加一个组件到另一个组件

时间:2016-08-11 10:52:09

标签: angular

我有什么:

  1. TaskTopPanel组件。它包含
  2. <sc-dialog #dlg [header]="'Комментарий'" [free]="false" [height]="'500px'" [width]="'550px'"
      [content]="" (opening)="openingListener($event)"
      (closing)="closingListener($event)">
    </sc-dialog>
    
    1. DialogComponent(在TaskTopPanelComponent中调用)
    2. @Component({
        selector: 'sc-dialog',
        template: require('./dialog.component.html'),
        directives: [FindPersonDlgComponent],
      })
      export class DialogComponent {
      
      1. 内容
      2. 的几个组件

        我想知道,当我从DialogComponent组件调用组件时,是否可以将组件(或者,可能只有视图)传递给TaskTopPanel

1 个答案:

答案 0 :(得分:0)

如果有人想知道,我找到了解决方案。它是  1.将元素添加到compponent,您要在其中查看内容。在我的情况下: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>

2。添加组件的选择器,您想要添加到您调用组件的对话框(在我的例子中): TaskTopPanelComponent.html:

{{1}}