First, let's create the static files that will define our UI. We learned how to serve these files using Rack in Chapter 7, Building an App from the Outside In with Behavior-Driven Development.
First, here's static/index.html
:
<!doctype html> <html ng-app="todoApp"> <head> <script src="/static/vendor/angularjs/angular.js"> </script> <script src="/static/js/mock_todo_list.js"> </script> <script src="/static/js/todo_list_controller.js"> </script> <script src="/static/js/app.js"> </script> <style> .completed label { text-decoration: line-through; color: grey; } #todo-list li { list-style-image: none; list-style-position: outside; list-style-type: none; } </style> </head> <body> <h2>Todo List Manager</h2> <section ng-controller="TodoListController"> <div> <!-- useful for debugging ...