Angular 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 {
    ...
}

HTML

正确的用法只能是这样：

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

我需要阻止这种使用：

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

Answer 1

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

这可能对您有所帮助。 .

Angular 10 子组件只能在父组件中使用

Angular 10 Child Component only be used in Parent Component

components

angular-components

angular

angular10