Opening the clarity indicator does not emit its state

Question

I use the Signs of Clarity and need its state (regardless of whether it is open or closed). I use the *clrIfOpen structural directive and assigned the variable isOpen to it. isOpen initially false, but should be updated to true when the pointer is open.

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

I also tried the output of clrIfOpenChange on clrIfOpen , but it also does not start when the pointer is opened.

Version Clarity : 0.10.0-rc.1

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

Answer 1

I believe that you want to use the syntax of the de-sugared structured Angular directives to access the output emitter.

 <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> 

Please refer to this Plnkr: https://plnkr.co/edit/SZNDZIiyomGWJsC7UsiC?p=preview