Javascript 单击输入按钮时显示div

我想在单击另一个组件中的输入按钮时显示组件中的div

例如：

在添加组件中，我有一个输入：

，我需要在单击或聚焦它时显示此组件：

<div-component [focus]="openDiv"></div-component>

如何解决此问题？

试试：

以及：

工作人员突击检查：

---

注意，您还可以使用

（focusout）=“showDiv=false”

在div失去焦点时隐藏它。进一步*ngIf从DOM中删除了元素。如果要在DOM中保留该元素，请使用

[hidden]=“！showDiv”

我希望在该组件上处理该元素。如何将该输入传递给组件并找到该输入的状态？

export class divComponent implements OnInit , AfterViewInit {

  @Input() focus: ElementRef;
}