2013-02-22 43 views
4

如何在这不起作用?为了不抛出“no module:tut”错误,你需要什么最低限度?angular.module裸露最小值

<!DOCTYPE html> 
<html ng-app="tut"> 
    <head> 
     <script type="text/javascript" src="./jquery.js"></script> 
     <script type="text/javascript" src="./script-ng.js"></script> 
     <script src="http://code.jquery.com/ui/1.10.0/jquery-ui.js"></script> 
      <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.4/angular.min.js"></script> 
     <link rel="stylesheet" href="main.css"></link> 
    </head> 
    <body> 
     <div id="sidebar_left"><div id="header"></div><ul id="nav"></ul></div> 
     <div id="container"> 


      <video id="video" controls> 

         Your browser does not support the video tag.</video> 
      <br /> 
      <button id="reset">Replay</button> 

     <br /> 
     <div ng-controller="getAnswers" id="pannel"> 
      <div id="base">{{verbs.base}}</div> 
      <ul class="answers"> 
       <li ng-click="checkAnswer($event)" ng-repeat="answer in verbs.conjugations" class="answer {{answer.correct}}" id="answer{{$index}}">{{answer.text}}</li> 
      </ul> 
     </div> 
     <br /> 
     <br /> 
     <br /> 
     <div id="warning"></div> 
    </div> 
</body> 

angular.module('tut', []).controller('getAnswers', function ($scope, $element){ 
    $scope.verbs = conjugate(conjugationsets[tutorial_number][questionnum]); 
    $scope.randomizeAnswers = function() { 
     fisherYates($scope.verbs.conjugations); 
    }(); 

    $scope.checkAnswer = function(){ 
     checkanswer(); 
    } 
}); 
+0

您的HTML的顶部缺失,所以很难说。另外,这是你的所有JavaScript?你的ngApp指令是什么意思? – 2013-02-22 21:36:30

+0

对不起,其余的 – Tules 2013-02-22 21:48:20

+3

我想你可能必须在你的模块定义之前包含angular.js。 – 2013-02-22 21:49:49

回答

4

很简单。你可能忘了这样做,在ur js文件的顶部添加angularjs库。

1

在大多数的应用程序,你只需要一个模块,你的情况,你需要包括在作为内容的父项的HTML元素NG-应用=“应用程序”你希望有角度的工作。

大多数时候是标签这将使

如果你想分手了你的代码用于测试目的,你可以让多个模块,包括它们的依赖的阵列,像这样的名字:

angular.module('tut', [ 'othermodule', 'andanothermodule']); 

angular.module('othermodule'); 

etc. 

是的,加载你的脚本的顺序是错误的,如Josh评论中指出的那样。