Angular 角度-显示/隐藏焦点上的元素

我有一个输入元素和一个，我想显示是否选择了输入，但如果单击了输入或其中一个项目，则隐藏它

<input type="text" (focusin)="showPropertiesList=true">
<ul *ngIf="showPropertiesList">
...
</ul>

...

我尝试在输入上添加focusout，但当我尝试单击其中一个元素时，它会隐藏，我也尝试了document.activeElement，但它似乎总是返回body标记，即使在我单击时，如何解决这个问题

---

不确定它是否重要，但是绝对位置元素。

考虑使用DIV元素包装这两个元素，然后对其应用focus指令，如下所示：

---

我也尝试过类似的方法，但这并不能解决

项上的（单击）问题（尝试单击

元素上的链接/按钮会在按钮被单击之前隐藏列表），因为

嵌套在包装器div

focusout

事件中，所以请尝试我的演示。我确实尝试了演示，单击任何li项目（“如何”、“是”）将为我关闭窗口。