JSFiddle - React, Tailwind, and code Playground

by Sajid Sidhu

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
<div ng-app="myApp" ng-controller="myCtrl">
<ul>  
   <li ng-repeat='V in data'>  
      <input type="text" ng-model="'value'+V.id"/>
   </li>
</ul>
<button ng-click="update()">update</button>
</div>

JavaScript

var app = angular.module("myApp", []);
app.controller("myCtrl", function($scope) {
$scope.data = [ {id:2, Name:'jon'}, {id:3, Name:'XXXXX'}, {id:4,Name:'NNNN'} ];  
for(var V in $scope.data){  
   $scope['value'+V.id] = V.Name;  
}

$scope.update = function(){
  for(var V in $scope.data){  
     console.log($scope['value'+V.id]);  
  }
}
});