2016-03-02 90 views
0

你好,我正在关注这个脚本https://github.com/rpocklin/angular-scroll-animate我在这个链接中做的一切,但我的数据没有显示,我在我的控制台得到错误:角度没有定义 任何想法请吗?Angularjs:角度未定义

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

脚本加载顺序是错误的...首先加载主脚本之前无法加载的框架或库的依赖关系 – charlietfl

+0

@charlietfl如何让我看看例子? – sabrine

+0

使用''标签中的所有脚本,并在第一次加载'angular.js'文件 –

回答

0

打电话给你的脚本文件正确:

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

不工作它不显示我的数据仍然错误在我的控制台未捕获ReferenceError:角度未定义 – sabrine

+0

可能是那angular.js文件没有被正确地添加到它们各自的文件夹中,因为你的代码是正确的,或者你可能错过了某些东西,或者如果你使用了来自Bower的角度文件,然后从其他地方使用它。 大多数情况下,当你的'ng-app'由于lib没有正确地获取模块时就会出现这个错误。 –

+0

我的控制台出现错误,数据未显示未捕获错误:[$ injector:modulerr]由于以下原因,无法实例化模块组合: 错误:[$ injector:modulerr]由于以下原因无法实例化模块angular-scroll-animate: 错误:[$ injector:nomod]模块'angular-scroll-animate'不可用!您拼错了模块名称或忘记加载模块名称。如果注册模块确保您指定依赖关系作为第二个参数。 – sabrine