8

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

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

我也尝试了clrIfOpenChange输出,clrIfOpen但是当路标打开时它也没有被触发。

清晰度版本:0.10.0-rc.1

Plnkrhttps ://plnkr.co/edit/OQupObBd9OkJZSpOhpfq?p=preview

4

1 回答 1

6

我相信您想要使用的是 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

于 2017-08-11T12:57:10.197 回答