<!DOCTYPE html>
<html nlnag="en"
    <head>
        <title>Angular 1 Todo, v1</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link href='https://fonts.googleapis.com/css?family=Varela+Round' rel='stylesheet' type='text/css'>
        <link href='styles/main.css' rel='stylesheet' type="text/css">
    </head>
    <body ng-app="toDoList">
        <h1>To-Do</h1>
        <div class="list" ng-controller="mainCtrl">
            <div class="item">
                <input type="checkbox" ng-model="todo.completed"/>
                <label class="editing-label" ng-hide="editing">{{todo.name}}</label>
                <input type="text" class="editing-label" ng-model="todo.name" ng-show="editing"/>
                <div class="actions">
                    <a href="" ng-click="editing = !editing">Edit</a>
                    <a href="" ng-click="helloWorld()">Save</a>
                    <a href="" class="delete">Delete</a>
                </div>
            </div>
        </div> <!--end list/mainCtrl-->
        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.0/angular.min.js"></script>
        <script src="vendor/underscore-min.js"></script>
        <script src="js/app.js"></script>
    </body>
</html>
<!DOCTYPE html>
<html nlnag="en"
    <head>
        <title>Angular 1 Todo, v1</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link href='https://fonts.googleapis.com/css?family=Varela+Round' rel='stylesheet' type='text/css'>
        <link href='styles/main.css' rel='stylesheet' type="text/css">
    </head>
    <body ng-app="toDoList">
        <h1>To-Do</h1>
        <div class="list" ng-controller="mainCtrl">
            <div class="item" ng-repeat="todo in todos">
                <input type="checkbox" ng-model="todo.completed"/>
                <label class="editing-label" ng-hide="editing">{{todo.name}}</label>
                <input type="text" class="editing-label" ng-model="todo.name" ng-show="editing"/>
                <div class="actions">
                    <a href="" ng-click="editing = !editing">Edit</a>
                    <a href="" ng-click="helloWorld()">Save</a>
                    <a href="" class="delete">Delete</a>
                </div>
            </div>
        </div> <!--end list/mainCtrl-->
        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.0/angular.min.js"></script>
        <script src="vendor/underscore-min.js"></script>
        <script src="js/app.js"></script>
    </body>
</html>
Set up ng-repeat for todo list.
Set up ng-repeat for todo list.
