Created
May 17, 2018 10:57
-
-
Save nmilosev/f1b0d947135d01ae857b5c2a6915523b to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html> | |
| <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script> | |
| <body ng-app="myApp" ng-controller="todoCtrl"> | |
| <h2>My Todo List</h2> | |
| <form ng-submit="todoAdd()"> | |
| <input type="text" ng-model="todoInput" size="50" placeholder="Add New"> | |
| <input type="submit" value="Add New"> | |
| </form> | |
| <br> | |
| <div ng-repeat="x in todoList"> | |
| <input type="checkbox" ng-model="x.done"> <span ng-bind="x.todoText"></span> | |
| </div> | |
| <p><button ng-click="remove()">Remove marked</button></p> | |
| <script> | |
| var app = angular.module('myApp', []); | |
| app.controller('todoCtrl', function($scope) { | |
| $scope.todoList = [{todoText:'Clean House', done:false}]; | |
| $scope.todoAdd = function() { | |
| $scope.todoList.push({todoText:$scope.todoInput, done:false}); | |
| $scope.todoInput = ""; | |
| }; | |
| $scope.remove = function() { | |
| var oldList = $scope.todoList; | |
| $scope.todoList = []; | |
| angular.forEach(oldList, function(x) { | |
| if (!x.done) $scope.todoList.push(x); | |
| }); | |
| }; | |
| }); | |
| </script> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment