より多くの機能を表示するにはコンソールでスローエラーが表示されます

Question

私は、角度を使って私のプロジェクトでshow more less機能を実装しようとしています。以下は、私のプロジェクトの角度、ブートストラップ、jQueryのバージョンです。

"angular": "^1.6.0", 
"bootstrap": "^3.3.7", 
"jquery": "2.2.4" 

この機能を追加するためのbowerコンポーネントが追加されました。私は次のコマンドを実行しました：

bower install angular-read-more --save 

私はJSファイルも含めました。私はプロジェクトを実行している場合は

angular.module("app", ["hm.readmore"]); 

、私は、ブラウザのコンソールにエラーを取得しています：

Uncaught Error: [$injector:modulerr] Failed to instantiate module regulationLibraryApp due to: Error: [$injector:modulerr] Failed to instantiate module hm.readmore due to: Error: [$injector:nomod] Module 'hm.readmore' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument.

私が間違っていた

は、その後、私はアプリにモジュールを追加しましたか？この機能を実装する他の簡単な方法はありますか？

Answer 1

角度アプリケーションがブートストラップされる前に、依存関係がロードされていないように見えます。

角度アプリを読み込む前に、バワーの依存関係を読み込みます。

例えば

<script src="/bower_components/angular/angular.min.js"></script> 
    <script src="/bower_components/angular-read-more/readmore.min.js"> </script> 
    <script src="/my_angular_app/app.js"></script>