Я хочу загрузить родительский компонент при загрузке дочернего компонента с помощью селектора.
Пример:
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
.
Как загрузить дочерний компонент, используя селектор с загруженным родителем, при использовании в другом компоненте?