AngularJS模块未定义

时间:2015-05-10 07:29:16

标签: javascript html angularjs twitter-bootstrap

我刚从Adam Freeman那里得到了一本名为“Pro Angular”的书。我之前从未使用过Angular JS,我不确定为什么这不起作用,但我会解释我目前的位置。好的,所以我目前正在做的第一个项目是一个基本的待办事项列表,使用Angular将某些数据绑定到使用数据绑定的html标签,我刚刚添加了一个定义模块的行。问题是我的环境声称模块没有被定义。我不确定它在说什么。到目前为止,这是我的来源。

<!DOCTYPE html>
<html ng-app="todoApp">
<head>
    <title>TO DO List</title>
    <link href="bootstrap.css" rel="stylesheet" />
    <link href="bootstrap-theme.css" rel="stylesheet" />
    <script src="angular.js"></script>
    <script>

        var model = {
            user: "Adam",
            items: [{ action: "Buy Flowers", done: false },
                        { action: "Get Shoes", done: false },
                        { action: "Collect Tickets", done: true },
                        { action: "Call Joe", done: false }]
        };

        var todoApp = angular.module("todoApp", []);

        todoApp.controller("ToDoCtrl", function ($scope) {
            $scope.todo = model;
        });

    </script>
</head>

<body ng-controller="ToDoCtrl">
    <div class="page-header">
        <h1>
            {{todo.user}}'s To Do List
            <span class="label label-default">{{todo.items.length}}</span>
        </h1>
    </div>
    <div class="panel">
        <div class="input-group">
            <input class="form-control" />
            <span class="input-group-btn">
                <button class="btn btn-default">Add</button>
            </span>
        </div>
        <table class="table table-striped">
            <thead>
                <tr>
                    <th>Description</th>
                    <th>Done</th>
                </tr>
            </thead>
            <tbody>
                <tr ng-repeat="item in todo.items">
                    <td>{{item.action}}</td>
                    <td><input type="checkbox" ng-model="item.done" /></td>                    
                    <td>{{item.done}}</td>
                </tr>
            </tbody>
        </table>
    </div>
</body>


</html>

它所谈论的是Ln-18。任何有关解释的帮助都将不胜感激。

0 个答案:

没有答案