2017-08-11 2 views
7

私はClarity Signpostsを使用していて、その状態(開いているか閉じているか)を必要としています。私は*clrIfOpen構造ディレクティブを使用しており、isOpen変数を割り当てています。 isOpenは最初はfalseですが、Signpostが開いているときはtrueに更新する必要があります。Clarity Signpostを開くと状態が出ない

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

私もclrIfOpenclrIfOpenChange出力を試みたが、道しるべが開かれたとき、それはあまりにもトリガーされません。

クラリティバージョン:0.10.0-rc.1

Plnkrは:https://plnkr.co/edit/OQupObBd9OkJZSpOhpfq?p=preview私はあなたが使用したいものを信じる

答えて

6

は出力にアクセスするための角度構造のディレクティブの脱糖構文ですエミッタ。

<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

関連する問題