SHARE
TWEET

Untitled

a guest Apr 22nd, 2019 73 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <html ng-app="myApp">
  3. <head>
  4.   <title>To Do List App</title>
  5.   <link href="css/main.css" rel="stylesheet">
  6.   <meta name="viewport" content="width=device-width, initial-scale=1">
  7. </head>
  8. <body>
  9.   <div ng-controller="TodoCtrl">
  10.     <h1>To Do List</h1>
  11.     <h2>You have <span>{{getTotalTodos()}}</span> things to do.</h2>
  12.     <ul>
  13.       <li ng-repeat = "todo in todos">
  14.         <input type="checkbox" ng-model="todo.done" />
  15.         <span class="done-{{todo.done}}">
  16.           {{todo.text}}
  17.         </span>
  18.       </li>
  19.     </ul>
  20.  
  21.     <form>
  22.       <input type="text" class="add-input" placeholder="I need to..." ng-model="formTodoText" />
  23.       <button class="add-btn" ng-click="addTodo()">Add</button>
  24.     </form>
  25.   </div>
  26.   <!-- angularjs shorturl: biturl.tk/2bn3 -->
  27.   <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.7.1/angular.min.js"></script>
  28.   <script src="https://code.jquery.com/jquery-latest.min.js"></script>
  29.   <script src="js/main.js"></script>
  30. </body>
  31. </html>
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top