Angular 角度-带异步管道的条件单击

如果异步变量为true，我试图使元素可单击

    <li (click)='(isThisTrue$ | async) ? openModal() : false'>

我收到这个错误。

模板分析错误：分析器错误：操作中不能有管道 表情

你有什么建议？

对DOM没有影响：
我的意思是对DOM没有副作用

对于

按钮

和

输入

元素，简单的解决方案是将

禁用的

属性绑定到异步值。在本例中，您可以绑定CSS属性，使

li

元素对

单击
事件无响应：

<li (click)="openModal()" [style.pointer-events]="(condition$ | async) ? 'auto' : 'none'">



请参见演示。
对DOM没有影响吗？当条件为
false
时，此代码隐藏
li
元素。是的，对DOM的影响当然是元素的可见性，但是使用不渲染的ng容器，可以避免诸如uh，我的
不在
下，这对我不起作用，因为它隐藏了元素（如果它是假的），但感谢您的帮助。我需要它始终可见，但单击功能是有条件的。谢谢你的知识，谢谢。这是我真正想要的解决方案。我从未使用过[style.pointer事件]。谢谢你的知识。
<li (click)="openModal()" [style.pointer-events]="(condition$ | async) ? 'auto' : 'none'">