角10子组件仅用于父组件

Question

我需要对组件进行配置，以便只在另一个组件中使用。我怎么能这么做？

组件：

@Component({
    selector: 'app-menu[id]',
    templateUrl: './menu.component.html',
    styleUrls: ['./menu.component.scss']
})
export class MenuComponent {
    ...
}

@Component({
    selector: 'app-sub-menu[id]',
    templateUrl: './sub-menu.component.html',
    styleUrls: ['./sub-menu.component.scss']
})
export class SubMenuComponent {
    ...
}

正确的用法必须是这样的：

<app-menu>
    <app-sub-menu></app-sub-menu>
</app-menu>

我需要阻止这种用途：

<div>
    <app-sub-menu></app-sub-menu>
</div>

Answer 1

在子组件的构造函数中注入父组件。在html文件中，使用父组件选择器中的子组件选择器。

这可能对你有帮助。Angular 2 - Restrict Component to specific parent Component。