angular - 打开 Clarity Signpost 不会发出其状态

Question

我正在使用 Clarity Signposts并需要它的状态(无论是打开还是关闭)。我正在使用 *clrIfOpen 结构指令并为其分配了 isOpen 变量。 isOpen 最初为 false，但在路标打开时应更新为 true。

<clr-signpost>
    <clr-signpost-content *clrIfOpen="isOpen">
        <p>Signpost Content!</p>
        <span>Signpost State: {{isOpen}}</span>
    </clr-signpost-content>
</clr-signpost>

我还在 clrIfOpen 上尝试了 clrIfOpenChange 输出，但它在路标打开时也没有触发。

清晰度版本:0.10.0-rc.1

Plnkr:https://plnkr.co/edit/OQupObBd9OkJZSpOhpfq?p=preview

Answer 1

我相信您想要使用的是 Angular 结构指令的去糖语法来访问输出发射器。

<clr-signpost>
  <ng-template [(clrIfOpen)]="isOpen">
    <clr-signpost-content>
      <p>Signpost Content!</p>
      <span>Signpost State: {{isOpen}}</span>
    </clr-signpost-content>
  </ng-template>
</clr-signpost>

请引用这个Plnkr:https://plnkr.co/edit/SZNDZIiyomGWJsC7UsiC?p=preview