javascript - Angular で jqLite を介して jQuery を使用する方法

Question

私のプロジェクトでは、jQuery と angular の両方を使用しています。これらをbowerからインストールし、browserifyを使用してファイルをロードしています。angularがjqLiteを使用しているように見えることを除いて、これはうまくいくようです。走ろうとすると

angular.element(".workItem").hide();

jqLite がクエリセレクターをサポートしていないというエラーが表示されます。これを回避し、Angular で jQuery を使用するにはどうすればよいですか?

テスト目的で $ より angular.element を使用したいと考えています。

ありがとう！

score 1 · Accepted Answer

browserifyで動作させるには、requireする必要があります.jquery依存関係をbowerに追加し、メインファイルで実行します：

require('jquery');
global.jQuery = require('jquery');
global.$ = jQuery;

ここまではbowerでしか参照していないのでbrowserifyでは見えません。したがって、 browserify-shim を使用して接着剤を作成します。

 "browserify": {
   "transform": [
     "browserify-shim"
   ]
 },
  "browser": {
    "jquery": "./bower_components/jquery/dist/jquery.js"

詳細については、 https://github.com/thlorenz/browserify-shimを参照してください。

javascript - Angular で jqLit​​e を介して jQuery を使用する方法