<!DOCTYPE HTML><MetaCharSet= ' UTF-8 '><HTMLNg-app= ' ToDoList 'Ng-controller= ' Taskctrl '><Head> <title></title> <Linkrel= "stylesheet"type= "Text/css"href= "Css/bootstrap.min.css"></Head><Bodystyle= ' padding:10px '> <Divclass= "Input-group"> <inputNg-model= ' Task 'type= ' text 'class= "Form-control"></input> <spanclass= "Input-group-btn"> <Buttonclass= ' btnBtn-default ' Ng-click= ' Add () '>Submit</Button> </span> </Div> <h4Ng-hide= ' tasks.length==0 '>Task List</h4> <ulclass= "List-group"> <Ling-repeat= "item in the tasks track by $index"class= "List-group-item">{{Item}}<aNg-click= ' Tasks.splice ($index, 1) '>Delete</a> </Li> </ul> <Scriptsrc= './js/angular.min146.js '></Script> <Scripttype= ' Text/javascript '>Angular.module ('ToDoList', []). Controller ('Taskctrl',function($scope) {$scope. Task="'; $scope. Tasks=[]; $scope. Add=function() {$scope. Tasks.push ($scope. Task); } }) </Script></Body></HTML>
The first example of a angularjs