web-dev-qa-db-ja.com

Ionic / AngularJsアプリにノードモジュールを含めて使用する方法は?

Ionicアプリがあり、ノードモジュールを含めたい angular-base64 をコントローラーで使用するか、またはangularサービスなど。私は先に進んで走りました

npm install angular-base64

これにより、angular-base64.min.js内に/myIonicApp/node_modules/ファイルを含むフォルダーがインストールされました。したがって、ファイルへのフルパスは/myIonicApp/node_modules/angular-base64/angular-base64.min.jsです。

ただし、次のようにコントローラーの1つでモジュールを使用しようとすると:

app.controller('myController', ['$scope', '$base64',
  function($scope, $base64) {

    //$base64... 

  }
]);

私が何を言っているのか分かりません。これを機能させるには他に何かする必要がありますか?おそらく私のapp.jsに何かがありますか?

26
user818700

受け入れられた答えは、Ionic V2および.bowerrcはデフォルトのインストールから削除されました。

これがあなたの今のやり方です 、公式Ionic V2 docs。

サードパーティライブラリをアプリに追加するには、次のコマンドを実行します。

npm install --save

例:インポートされた関数の使用

//名前付きエクスポートパターン

import the myName} from theLibraryName ';

...

//インポートされた機能を使用します

myFunction();

8
Quinn Daley

受け入れられた答えは正しくありません。 Ionic/AngularJSアプリにクライアント側モジュールを追加するには、NPMではなくBowerを使用する必要があります。 NPMは、開発/ビルド/展開プロセスの一部であるモジュールのインストールにのみ使用する必要があります。クライアント側のパッケージの一部としてユーザーに見せたいものは、すべてBowerで管理する必要があります。

_.bowerrc_ファイルを見ると、次のように表示されます。

_{
  "directory": "www/lib"
}
_

この構成では、_www/lib_ディレクトリがbowerによってインストールされるすべてのホームとして設定されます。次のコマンドを使用すると、パッケージは正しい場所にインストールされます。

_bower install --save angular-base64_

(_--save_フラグは、_bower.json_ファイルに依存関係を保存します。)

スクリプトタグを_index.html_ファイルに追加できます:_<script src="lib/angular-base64/angular-base64.min.js"></script>_

上記のように、モジュールをアプリに挿入する必要もあります。 _app.js_に次のようにモジュールを追加します:angular.module('starter', ['base64'])

BowerやNPMなどのツールを使用する場合、インストールを手動で変更する必要があることが、間違ったことの最初の兆候であることがよくあります。

25
shawnr
  • ディレクトリ_angular-base64/angular-base64.min.js_を_www/lib_に配置します。

  • JSファイルを_index.html_に含めます(例:_<script src="lib/angular-base64/angular-base64.min.js"></script>_。

  • モジュールを_app.js_:angular.module('starter', ['base64'])に挿入します。

その後、アプリのどこでも_base64_を使用できるようになります。

9
Vidul