4

这怎么行不通？不抛出“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();
    }
});
4

2 回答 2

4

非常简单。您可能忘记这样做了，只需在您的 js 文件顶部添加 angularjs 库即可。

于 2013-02-24T06:45:45.320 回答
1

在大多数应用程序中，您只需要一个模块，在您的情况下，您需要将 ng-app="app" 包含在 HTML 元素中，该元素是您想要使用角度工作的内容的父级。

大多数时候，这是可以做到的标签

如果您想拆分代码以进行测试，您可以创建多个模块并将它们的名称包含在依赖项数组中，如下所示：

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

angular.module('othermodule');

etc.

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

于 2013-02-22T21:35:02.797 回答