fixed bug in clearCompletedItems

architecture-examples/angularjs/index_new.html

@@ -23,7 +23,7 @@
             <ul id="todo-list">
                 <li ng:repeat="todo in todos">
                     <div class="view">
-                        <input class="toggle" type="checkbox">
+                        <input class="toggle" type="checkbox" name="todo.done">
                         <label>{{ todo.content }}</label>
                         <a class="destroy" ng:click="removeTodo(todo)"></a>
                     </div>
@@ -32,7 +32,7 @@
             </ul>
         </section>
         <footer ng:show="hasTodos()">
-            <a id="clear-completed" ng:show="hasFinishedTodos()">{{ clearItemsText() }}</a>
+            <a id="clear-completed" ng:click="clearCompletedItems()" ng:show="hasFinishedTodos()">{{ clearItemsText() }}</a>
             <div id="todo-count"><b>{{ remainingTodos() }}</b> {{ itemsLeftText() }}</div>
         </footer>
     </div>

architecture-examples/angularjs/js/controllers.js

@@ -55,7 +55,7 @@ App.Controllers.TodoController = function () {
     };
 
     self.clearItemsText = function(){
-        var finishedTodos = finishedTodos();
+        var finishedTodos = self.finishedTodos();
         return 'Clear ' + finishedTodos + ' completed ' + pluralize(finishedTodos, 'item');
     }