-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathex5.html
More file actions
34 lines (32 loc) · 896 Bytes
/
ex5.html
File metadata and controls
34 lines (32 loc) · 896 Bytes
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<!DOCTYPE html>
<html ng-app="nameliApp">
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<script type="text/javascript">
var app = angular.module('nameliApp', []);
app.controller('myCtrl', function($scope) {
/* Array */
$scope.nameArr = ['Satheesh', 'Aravind', 'Velusamy'];
/* Add new */
$scope.addName = function() {
$scope.nameArr.push($scope.newName);
$scope.newName = "";
};
/* Remove */
$scope.remove = function(na) {
var i = $scope.nameArr.indexOf(na);
$scope.nameArr.splice(i, 1);
}
});
</script>
<body>
<div ng-controller="myCtrl">
<ul>
<li style="padding: 10px 0;" ng-repeat="na in nameArr">{{na}} <button ng-click="remove(na)">Remove</button> </a> </li>
</ul>
<form ng-submit="addName()">
<input type="text" ng-model="newName" />
<input type="submit" value="Add" />
</form>
</div>
</body>
</html>