Question

我正在尝试使用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]模块＆＃39; hm.readmore＆＃39;不可用！您要么错误拼写了模块名称或者忘了加载它。如果注册模块，请确保指定依赖关系作为第二个参数。

我错在哪里？有没有其他简单的方法来实现这个功能？

Answer 1

在角度应用程序引导之前，看起来没有加载您的bower依赖项。

在加载角度应用之前加载您的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>

Answer 2

您很可能缺少ngAnimate依赖项。

'hm.readmore'要使用它，请使用：ngSanitize，ngAnimate两个插件。

因此，您可以从npm存储库https://www.npmjs.com/package/angular-animate下载它

显示更多 - 在控制台

2 个答案: