Загружать родительский компонент при загрузке дочернего компонента селектора (без иерархии URL)? - PullRequest
0 голосов
/ 14 февраля 2019

Я хочу загрузить родительский компонент при загрузке дочернего компонента с помощью селектора.

Пример:

comp-parent.ts

@Component({
  selector: 'comp-parent',
  template: `
        <p>parent works</p>
        <router-outlet></router-outlet>
        `,
  styleUrls: ['./comp-parent.css']
  })
export class ComponentParent { 
    protected foo: string;
}

comp-children.ts

@Component({
  selector: 'comp-children',
  template: "<p>Children works</p>",
  styleUrls: ['./comp-children.css']
  })
export class ComponentChildren extends ComponentParent { }

routing.ts

const routes: Routes = [{
  path: '',
  component: ComponentParent,
  children: [{
    path: '',
    component: ComponentChildren
  }]
  }
];

@NgModule({
  imports: [RouterModule.forChild(routes)],
  exports: [RouterModule]
})
export class ComponentRoutingModule {}

component-foo-bar.ts

@Component({
  selector: 'component-foo-bar',
  templateUrl: "<comp-children>",
  styleUrls: ['./component-bar.css']
  })
export class ComponentFooBar { }

В ComponentBar Я ожидаю, что comp-children будет comp-parent с включенным comp-children, но загружен только шаблон comp-children.

Как загрузить дочерний компонент, используя селектор с загруженным родителем, при использовании в другом компоненте?

...