如何使用指令 *clrIfOpen 关闭标志发布内容

【问题标题】：How to close sign post content using directive *clrIfOpen如何使用指令 *clrIfOpen 关闭标志发布内容
【发布时间】：2018-10-28 18:30:40
【问题描述】：

我正在使用清晰路标，我正在使用此路标来显示多个应用程序，单击应用程序时如何关闭此路标。

例如，我在此路标中添加了三个按钮，如果单击该按钮，则需要关闭。请查看我的stackblitz

【问题讨论】：

标签： vmware-clarity

【解决方案1】：

要跟踪路标是否打开，然后能够动态关闭它，您应该使用clrIfOpen 的去糖语法来利用双向绑定：

<ng-template [(clrIfOpen)]="signPost">
  <clr-signpost-content>
    <button class="btn btn-outline" (click)="close()">Hr</button>
    ...
  </clr-signpost-content>
</ng-template>

这是您进行此更改的示例，工作正常：https://stackblitz.com/edit/signpost-dynamic-close?file=src/app/app.component.html

【讨论】：