Todo_Angular

by Tom Scott

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<div ng-app="" ng-controller="ContactController">
    <div class="container">
        <div class="jumbotron text-center">
             <h1>I'm a Contact-aholic <span class="label label-info">{{ contacts.length }}</span></h1>

        </div>
        <!-- FORM TO CREATE TODOS -->
       
        <div id="todo-form" class="row">
        <div class="col-sm-8 col-sm-offset-2 text-center">
             <form>
                 <div class="form-group">
            <input type="text" class="form-control input-lg text-center" placeholder="I want to buy a puppy that will love me forever" ng-model="newcontact" />
            <button ng-click="add()" class="btn btn-primary btn-lg">Add</button>
             <h2>Contacts</h2>
                 </div>
                 </form>
            </div>
        </div>

            <div>
                <div class="checkbox" ng-repeat="contact in contacts">
                    <label>
					<input type="checkbox" ng-click="deleteTodo(todo._id)"> {{ contact }} 
					</label>

                </div>
            </div>
        </div>

JavaScript

function ContactController($scope) {
    $scope.contacts = ["[email protected]", "[email protected]"];

    $scope.add = function () {
        $scope.contacts.push($scope.newcontact);
        $scope.newcontact = "";
    }
}