AngularJS Example - Directive

ng-repeat,ng-click

by Sukanya Halder

HTML

<div ng-app='app' ng-controller='appController'>
  <textarea ng-model='name'></textarea>
  <span> {{name}} </span>
  <div ng-repeat='nme in nameList'>
    <span>{{nme}}</span><button ng-click='deleteItem(nme)'>
    Delete Item
    </button>
  </div>
  <button ng-click='addName(name)'>
    Add Name
  </button>
</div>

JavaScript

var app = angular.module('app', []);
app.controller('appController', function($scope) {
  $scope.name = 'Sukanya';
  $scope.nameList = [];
  $scope.addName = function(nameParam) {
    $scope.nameList.push(nameParam);
  }
   $scope.deleteItem = function(nameParam) {
    $scope.nameList.pop(nameParam);
  }
});