2017-07-12 6 views
0

私はAngular4アプリケーションのコンポーネントにテーブルを持っています。ユーザーがテーブル行をクリックするとスタイルが追加されます(cssのハイライトを追加する色)。今、ユーザーがその行以外の他の場所をクリックすると、ハイライトの色を削除したいと思います。 Iは、次の操作を実行しようとした:上記のblur/focusoutイベントon <tr>:Angular2

<tr (blur)="removeStyles()"> 

<tr (focusout)="removeStyles()"> 

UTなしメソッドremoveStylesをトリガされません。誰かが上記のイベントやそれに類するイベントのいずれかを前に拘束しようとしましたか?

+0

これはhttps://github.com/arkon/ng-click-outsideの助けになりますか? – xxLITxx

+1

質問には関係しませんが、CSSを使用して – Skeptor

+0

@Skeptorを使用してそれを行うことはできませんが、CSSでホバー状態を追加できますが、どのようにぼかし/フォーカスアウト状態を追加できますか? – Aiguo

答えて

0

私はプロジェクトでhttps://www.npmjs.com/package/ng-click-outsideを使用しています。 これはあなたの場合に有効です。

+0

私は何か簡単に依存関係を作成したくないので、私がコード化できる解決策を考え出しています。 – Aiguo