时间戳

首页 > 解决方案 > 如何从投影内容中获取父组件？

angular - 如何从投影内容中获取父组件？

问题描述

我有输入。该输入有不同的行为 - 取决于 - 谁是该输入的“父母”。

我有以下结构。

在我的第一个示例中，输入具有第一个 parent app-chip-list。

应用程序组件 HTML

<app-form-field>
   <app-chip-list>
      <input />
   </app-chip-list>
</app-form-field>

表单域 HTML

  <ng-content></ng-content>

芯片清单

<ng-content></ng-content>

在我的第二个例子中

应用程序组件 HTML

<app-form-field>
      <input />
</app-form-field>

输入有父app-form-field组件。因此，输入的行为会有所不同。

我怎样才能检查这个？

标签： angular

解决方案

尝试使用@input 和@output 发射器在父子之间传递数据，从输入字段中获取数据，您可以将值属性双向绑定到一个变量，首先您需要重组您的翘曲组件示例：在 ChipList 内部.component.html=> 为其他warper放置和明智的反之亦然

推荐阅读