Javascript 显示更多显示较少功能在控制台中引发错误

我正在尝试使用angular在我的项目中实现更多显示更少功能。以下是我的项目中angular、bootstrap和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"]);

运行项目时，浏览器控制台中出现错误：

未捕获错误：[$injector:modulerr]未能实例化模块regulationLibraryApp，原因是：错误：[$injector:modulerr]未能初始化 实例化模块hm.readmore原因：错误：[$injector:nomod]模块 “hm.readmore”不可用！您可能拼错了模块名称 或者忘记装了。如果注册模块，请确保指定 依赖项作为第二个参数

---

我哪里弄错了？有没有其他简单的方法来实现此功能？

看起来在angular应用程序启动之前，您的bower依赖项没有加载

在加载angular应用程序之前加载bower依赖项

比如说

   <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>

---

您可能缺少Animate依赖项

为了让它工作，“hm.readmore”使用：ngSanitize，ngAnimate两个插件

---

因此，您可以从npm存储库下载它

显示您添加js文件的代码。

“hm.readmore”不可用显示如何添加JS代码。这是最可能的错误。在浏览器工具中检查所有必需的JS文件是否已实际加载到页面上。确保在模块定义文件之前添加了“hm.readmore”JS文件。