Angularjs：未定义角度答案

【问题标题】：Angularjs: angular is not definedAngularjs：未定义角度
【发布时间】：2016-03-02 17:53:15
【问题描述】：

您好，我正在关注此脚本https://github.com/rpocklin/angular-scroll-animate 我在此链接中执行所有操作，但我的数据未显示，并且我在控制台中收到错误：未定义角度有什么想法吗？

HTML

<!DOCTYPE html>
<html ng-app="portfolios">
  <head>

    <base href="/">

    <title> - CV</title>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">

    <link rel="icon" href="assets/favicon.ico" type="image/x-icon">

    <!-- build:css app.css -->

    <!-- bower:css -->
    <!-- endinject -->
<script src="bower_components/angular-scroll-animate/dist/angular-scroll-animate.js"></script>
    <link rel="stylesheet" href="styles/css/app.css">
    <link rel="stylesheet" href="styles/css/animate.css">

    <!-- endbuild -->


  </head>
  <body>

    <div ng-view></div>

    <!-- build:js app.js -->

    <!-- bower:js -->
    <script src="bower_components/angular/angular.js"></script>
    <script src="bower_components/angular-route/angular-route.js"></script>
    <script src="bower_components/angular-scroll-animate/dist/angular-scroll-animate.js"></script>
    <!-- endinject -->

    <!-- inject:js -->
    <script src="views/home/home.controller.js"></script>
    <script src="views/home/home.js"></script>
    <script src="app.js"></script>
    <!-- endinject -->

    <!-- endbuild -->

    <script src="http://localhost:35729/livereload.js?snipver=1"></script>

  </body>
</html>

【问题讨论】：

脚本加载顺序错误...在第一次加载主脚本之前无法加载框架或库的依赖项
@charlietfl 如何给我看例子？
使用<head>标签中的所有脚本，首先，加载angular.js文件

标签： angularjs node.js angularjs-directive gulp

【解决方案1】：

正确调用您的脚本文件：

<head>

<base href="/">

<title> - CV</title>

<meta charset="utf-8">
<meta name="viewport" content="width=device-width">

<link rel="icon" href="assets/favicon.ico" type="image/x-icon">

<!-- build:css app.css -->

<!-- bower:css -->

<!-- bower:js -->
<script src="bower_components/angular/angular.js"></script>
<script src="bower_components/angular-route/angular-route.js"></script>
<script src="bower_components/angular-scroll-animate/dist/angular-scroll-animate.js"></script>
<!-- endinject -->

<!-- inject:js -->
<script src="views/home/home.controller.js"></script>
<script src="views/home/home.js"></script>
<script src="app.js"></script>

<!-- endinject -->
<link rel="stylesheet" href="styles/css/app.css">
<link rel="stylesheet" href="styles/css/animate.css">

<!-- endbuild -->

</head>

【讨论】：

不工作它没有在我的控制台中显示我的数据仍然错误 Uncaught ReferenceError: angular is not defined
可能是 angular.js 文件未正确添加到各自的文件夹中，因为您的代码是正确的，或者您可能遗漏了某些内容，或者您使用的是 bower 的 angular 文件从其他地方使用它。大多数情况下，当您的 ng-app 由于 lib 而无法正确获取模块时，就会出现此错误。
我的控制台出现错误，我的数据没有显示未捕获的错误：[$injector:modulerr] 无法实例化模块组合，原因是：错误：[$injector:modulerr] 无法实例化模块 angular-滚动动画由于：错误：[$injector:nomod] 模块“角度滚动动画”不可用！您要么拼错了模块名称，要么忘记加载它。如果注册模块，请确保将依赖项指定为第二个参数。
完全正确！在这里你忘记在你的模块中加载ngAnimate 或者你错过了<script> 序列这里的动画
我已经加载了动画脚本