jqueryベースのコンポーネントを角度2/4コンポーネントに変換しますか？

Question

私は角度を知っていて、それをテストアプリケーションにしています。 jqueryとGoogleマテリアルのカラーパレットに基づいた非常に優れた「ユーザーカード」デザインが見つかりました。私はそれをマイグレーションしてコンポーネントを作成したいと思います。そうすることのcleaestプロセスが何であるか -

カードはhere- https://github.com/marlenesco/material-cards

私が思っていた見つけることができますか？どうすればいいですか？どこで私はjQueryのcodepenに非常に多くをやっているようにそれは見ていないので、あなたはおそらく完全にそれを忘れることができ、そのプロジェクト

Answer 1

に関連付けられているJavaScriptを追加する必要があります。 jQueryセレクタを使用するのではなく、@ViewChildとElementRefを使用して、操作のためのDOM要素を取得することができます。

私の最初のステップは、カードのコンポーネントを作成することですので、すべてのあなたのJS（TS？）1つのインスタンスのみを基準にしています。

クラスが追加および削除されるJSの部分では、[ngClass]をテンプレート内で直接使用し、コンポーネントTSに設定した値に基づいて条件を設定できます。

最後に、のような事例：

window.setTimeout(function() { 
    icon 
     .removeClass('fa-arrow-left') 
     .removeClass('fa-spin-fast') 
     .addClass('fa-bars'); 

    }, 800); 

はObservable.timer(800).subscribe(() => { // do stuff... (like update your ngClass conditions) }で扱うことができます。もちろん

は、これを変換するために多くの異なるアプローチがありますが、それはまともなスタートになります。

私はちょうど今の時間を持っていないが、あなたはまだ、この夜立ち往生している場合、私はきれいな変換ソリューションで行くを持って時間を有することができます。

ハッピーコーディング！