2016-06-14 33 views
-1

我正在关注在线教程,但是当我刷新浏览器时,我得到{{todo.title}},并且如果单击该复选框,不会在文本中插入一行。 任何想法为什么。我没有看到与我的代码和我关注的视频有什么不同。AngularJS todoapp作为网页中的变量名显示

<!doctype html> 
<html lang="en" ng-app="ToDo"> 
    <head> 
     <meta charset="UTF-8"> 
     <title>todo</title> 
     <style> 
     .done{text-decoration: line-through;color:#ccc;} 
     </style> 
    </head> 
    <body> 
     <div ng-controller='todoController'> 
     <form name="frm" ng-submit="addTodo()"> 
      <input type="text" name = "newtodo" ng-model="newtodo" required> 
      <button ng-disabled="frm.$invalid">Go</button> 
     </form> 
     <button ng-click="clearCompleted()">Clear Completed</button> 
     <ul> 
      <li ng-repeat="todo in todos"> 
       <input type="checkbox" ng-model="todo.done" /> 
       <span ng-class="{'done': todo.done}">{{todo.title}}</span> 
      </li> 
     </ul> 
     </div> 
     <script scr="bower_components/angular/angular.min.js"></script> 
     <script> 
     angular.module('ToDo', []). 
     controller('todoController', ['$scope', function($scope){ 
      $scope.todos = [{'title': 'Build a todo app', 'done':false}]; 
      $scope.addTodo = function(){}; 
      $scope.clearCompleted = function(){}; 
     }]); 
     </script> 
    </body> 
</html> 
+0

浏览器控制台可能包含与不加载角或其依赖或控制器的js文件的一个错误。 – danh

+0

它说index.html:29 Uncaught ReferenceError:未定义角度。但是这对我来说没有意义,因为第29行是angular.module('ToDo',[]); – user6680

+0

index.html中没有包含声音angularjs – danh

回答

1

请包括像下面这样的angularjs文件。因为AngularJS图书馆ü不包含路径

<head> 
<meta charset="UTF-8"> 
<title>todo</title> 
<style> 
.done{text-decoration: line-through;color:#ccc;} 
</style> 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script> 
</head> 
+0

谢谢。这解决了我的问题 – user6680

+0

他已经做了使用鲍尔 –

+0

他拼写'src'为'scr' –

2

你有拼写错误srcscr

<script scr="bower_components/angular/angular.min.js"></script> 
+0

是的..这是正确的 –

+0

如果您使用凉亭,这应该是公认的答案。 – Lex