jqueryが動作しないAngular 4プロジェクト

Question

私はできること全てを試しましたが、私が持っている状況を解決するためにjqueryで終わりました。しかし、Angular 4プロジェクトでjqueryを使用することはできません。

• jQueryは、私のindex.htmlに、圧縮されていないバージョンのCDNでロードされています。
• $とjQuery変数は両方ともコンポーネントのanyのように、インポートのすぐ下に宣言されていました。
• ngOnInitとngAfterViewInitの両方で、要素の背景色を変更して、その要素が動作しているかどうかを確認しようとしましたが、要素は変更されていません。
• コンソールエラーはありません。
• ブラウザのコンソールにアクセスしてjQueryメソッドを実行して色を変更すると、正常に動作します。

ここで私はこの要素の色を変更しようとしていますが、これはAngular 4プロジェクトでjQueryを使用できないため終了しました。

jQuery(this.eleRef.nativeElement).find("#xyz").css("background", "blue"); 
jQuery("#xyz").css("background", "blue"); 
$(this.eleRef.nativeElement).find("#xyz").css("background", "blue"); 
$("#xyz").css("background", "blue"); 

Answer 1

これは角度バグか何か他のものであるかどうかはわかりません。しかし、名前が示唆しているように、ngAfterViewInitはdom要素を扱うために適切に設定されたビューを持っているはずですが、純粋なJavaScriptを使用していない場合はそうではありません。

問題を解決するために、私はJrpayとブームで必要な要素をセットアップするためにngAfterViewCheckedで1回だけ実行するコントロールを作成しました。

他人を助けることを願っています。