<html ng-app="nameApp">
<head> <meta charset="utf-8"> <title>Angular.js Example</title> <script> var nameApp = angular.module('nameApp', []); nameApp.controller('NameCtrl', function ($scope){ $scope.names = ['Larry', 'Curly', 'Moe']; $scope.addName = function() { $scope.names.push($scope.enteredName); $scope.enteredName = ''; }; $scope.removeName = function(name) { var i = $scope.names.indexOf(name); $scope.names.splice(i, 1); }; }); </script> </head> <body ng-controller="NameCtrl"> <ul> <li ng-repeat="name in names">{{name}} <a href="" ng-click="removeName(name)">remove</a> </li> </ul> <form ng-submit="addName()"> <input type="text" ng-model="enteredName"> <input type="submit" value="add"> </form> </body> </html> |