如何使用指令 *clrIfOpen 关闭符号 post 的内容

Question

我正在使用清晰标志post，我正在使用这个标志post来显示多个应用程序，当我点击应用程序时如何关闭这个标志post。

例如我在这个标志post中添加了三个按钮，如果我点击按钮这需要关闭。请检查我的stackblitz

Answer 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

如何使用指令 *clrIfOpen 关闭符号 post 的内容

How to close sign post content using directive *clrIfOpen

vmware-clarity