angular.module最低限度

时间:2013-02-22 21:29:55

标签: angularjs

这怎么不起作用?你不需要抛出“no module:tut”错误所需的最小值是多少?

<!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();
    }
});

2 个答案:

答案 0 :(得分:4)

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

答案 1 :(得分:1)

在大多数应用中,您只需要一个模块,在您的情况下,您需要在HTML元素中包含ng-app =“app”,该HTML元素是您希望有角度工作的内容的父级。

大多数情况下,标签会成为

如果你想分割你的代码用于测试目的,你可以创建多个模块,并将它们的名称包含在依赖项数组中,如下所示:

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

angular.module('othermodule');

etc.

是的,加载脚本的顺序是错误的,如Josh的评论中所述。