angular - Angular 10 子组件仅用于父组件
问题描述
我需要对组件进行配置以仅在另一个组件内使用。我怎样才能做到这一点?
成分:
@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>
解决方案
在您的子组件的构造函数中注入父组件。并在 html 文件中使用父组件选择器中的子组件选择器。
这可能会对您有所帮助。Angular 2 - 将组件限制为特定的父组件。
推荐阅读
- python - 在 Python 程序中显示 PyQt 窗口内容的轻微延迟
- ssl - tls:服务器选择不支持的协议版本 301
- java - assertEquals 与 assertTrue 的布尔值
- java - 无法将大于 2000 字节的 LOB 作为缓冲消息排队到 Oracle AQ
- php - 已安装 intl 扩展,但在 phpinfo() 中看不到
- css - 多行块的百分比填充
- javascript - Bootbox - 如何动态添加按钮?
- azure - 如何解决“lastindexof”是一种原语,不支持 Azure 数据工厂中的嵌套属性
- python - 如何将元组解压缩为参数并传递给函数,该函数在单击按钮时会更改 python tkinter 中的画布颜色
- ios-charts - 指定线的 Z 顺序