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
に何かがありますか?
受け入れられた答えは、Ionic V2および.bowerrc
はデフォルトのインストールから削除されました。
これがあなたの今のやり方です 、公式Ionic V2 docs。
サードパーティライブラリをアプリに追加するには、次のコマンドを実行します。
npm install --save
例:インポートされた関数の使用
//名前付きエクスポートパターン
import the myName} from theLibraryName ';
...
//インポートされた機能を使用します
myFunction();
受け入れられた答えは正しくありません。 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などのツールを使用する場合、インストールを手動で変更する必要があることが、間違ったことの最初の兆候であることがよくあります。
ディレクトリ_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
_を使用できるようになります。