Javascript AngularJS todoapp显示为网页中的变量名
我正在关注在线教程，但是当我刷新浏览器时，我会看到{{todo.title}}，如果单击该复选框，文本中不会出现一行。 你知道为什么吗。我看不到与我的代码和我正在关注的视频有什么不同Javascript AngularJS todoapp显示为网页中的变量名,javascript,angularjs,Javascript,Angularjs,我正在关注在线教程，但是当我刷新浏览器时，我会看到{{todo.title}}，如果单击该复选框，文本中不会出现一行。 你知道为什么吗。我看不到与我的代码和我正在关注的视频有什么不同 <!doctype html> <html lang="en" ng-app="ToDo"> <head> <meta charset="UTF-8"> <title>todo</title> <
<!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>
待办事项
.done{文本装饰：线条通过；颜色：#ccc；}
去
清除已完成
-
{{todo.title}
模块（'ToDo'，[]）。
控制器（'todoController'，['$scope'，函数（$scope）{
$scope.todos=[{'title'：'builda todo app'，'done'：false}]；
$scope.addTodo=function（）{}；
$scope.clearpleted=function（）{}；
}]);
<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>
待办事项
.done{文本装饰：线条通过；颜色：#ccc；}
srcscr <script scr="bower_components/angular/angular.min.js"></script>
srcscr