Angular JS test

by Venkata Sai Vamsi Penupothu

HTML

<script src="https://code.angularjs.org/angular-1.0.1.js"></script>
<body  ng-controller="ListController as myCtrl">
 <div  style="width:25%; margin:0 auto;">
<br><br>
Enter your name: <input type="text" ng-model="name" ng-model-options="{ updateOn: 'blur' }" size="35"><br>
<br>
Your Name is {{name}}
<br><br><br>
Given List : 
<ul style="width:50%; margin:0 auto;" >

<li ng-repeat = "list in arrayList" ng-click="remove($index)">
 {{list}}
</li>
</ul> 
<br>

 <input type="text" ng-model="itemName" size="35">
 				<input type="button" value="Add to the list" ng-click="addToList()" ng-disabled = "itemName===''">
 	
</div>
</body>

JavaScript

(function(){
	var app = angular.module('angularPractice', []);
app.controller('ListController', function($scope) {
 $scope.arrayList = ['ab','c','gg','tt', 'vam'];
 $scope.itemName = '';
 $scope.addToList = function(){
	 $scope.arrayList.push($scope.itemName);
	 $scope.itemName = '';
 };
 $scope.remove = function(index){
	$scope.arrayList.splice(index,1); 
 };
});

})();