2016-05-02 11 views
2

角2では、ngClassには双方向結合がありますか?角2 ngClassとの双方向結合

現在、私はこの角度アプリの外にこのモーダルを管理ジャバスクリプトがある以外モーダル

<div class="modal autonomous" [(ngClass)]="{'modal-open' : modalState}"> 
... 
</div> 

すべての作品のために、以下のようなものを持っています。たとえば、javascript(jQueryを使用)は、ユーザーがモーダルの特定の領域をクリックしたときにmodal-openクラスを削除しますが、modalState変数はtrueのままです。したがって、次回は、modalState=trueを設定して角を開いてみると、変数は変更されていないため(すでにtrueだったため)、モーダルは完全に閉じたままになります。

可能であれば、ngClassを角2で2方向に結合する方法は?

答えて

3

これはサポートされていません。 classはバインディング([ngClass]など)を使用してのみ設定できますが、変更するとイベントは生成されません。私が見る唯一の方法は、クラスを変更するコードを各変更後にイベントを発生させることができない場合、ポーリングすることです。

+0

ありがとう!あなたは 'modalState'変数を更新した後に火災イベントを意味しますか?どうやってやるの?それに応じて 'modalState'を聞いて、アップデートするコンポーネントのための' class'を変更した後 – totoro

+0

は、私がイベントを発生するためのjQueryを意味しました。私はあなたの質問を誤解しているかもしれません。 –

+0

Angular 2でjQueryによって発生したイベントの変更を聞く方法の簡単な例を挙げることができますか?ありがとう! – totoro

関連する問題