如何从投影内容中获取父组件？
如何从投影内容中获取父组件？
提问于 2021-08-12 08:53:41
我有意见。这种输入有不同的行为--取决于谁是该输入的“父”。
我有以下结构。
在我的第一个例子中，输入有第一个父app-chip-list。
应用程序组件
<app-form-field>
<app-chip-list>
<input />
</app-chip-list>
</app-form-field>表单字段
<ng-content></ng-content>芯片列表
<ng-content></ng-content>在我的第二个例子
应用程序组件
<app-form-field>
<input />
</app-form-field>输入具有父app-form-field组件。因此，输入的行为将是不同的。
我怎么查这个？
回答 2
Stack Overflow用户
发布于 2021-08-12 09:38:00
尝试使用@input和@output发射器在父级和子级之间传递数据，从输入字段获取数据，您可以双向地将值属性绑定到一个变量，并且首先您需要重新构造您的翘曲组件示例:在ChipList.component.html=>中放置其他warpers的wise和wise。
Stack Overflow用户
发布于 2021-08-12 15:08:22
如果<input/>是本地HTML输入，则将其包装在自定义组件中。
您可以将对父组件的引用注入此自定义组件，并可能找出父组件的类型。
只有在预先知道您的自定义组件可能有哪些父级，因为您必须在构造函数中使用它们的类才能获得对它们的引用，这才能起作用。像这样的东西可能会起作用：
export class CustomComponent {
constructor(@Optional @Host() formFieldParent: AppFormField, @Optional @Host() parent: appChipListParent) {}以下问题讨论了各种方法：
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/68754349
复制相关文章
相似问题
腾讯云开发者
