title: how to change same ng-repeat values and show only select values angularjs
body: <p><strong>UPDATED</strong>
  i want to change ng-repeat values separately, from shown single input text box,
  i'm trying to bind inputbox to label, but all values binding together, can u please tell me how to change only selected div values, i don't want to use ng-repeat to add values, pls tell me without using ng-repeat in start <strong>add again</strong> you can use ng-repeat further functions, form should be shown in certain position to change values in input box to label, can u pls solve this to me..??
  <a href="http://plnkr.co/edit/4fjW1TdVAmnqql2x3VjO?p=preview" rel="nofollow">Working DEMO</a>
  <div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>var app = angular.module('myapp', ['ngSanitize']);
  
  app.controller('AddCtrl', function ($scope, $compile) {
  
       $scope.items = [];
          $scope.add_New = function (index) {
          var itemhtml = '&lt;div ng-click="select()" class="content"&gt;//click here first// &lt;div ng-repeat="item in items"&gt;{{$index + 1}}. {{item.name}}&lt;/div&gt;&lt;/div&gt;';
          var item = $compile(itemhtml)($scope);
          angular.element(document.getElementById('drop')).append(item);
            };
          $scope.add = function () {
            $scope.items.push({ 
              name: "hi"
            });
          };
          $scope.select = function(){
            $scope.showItem = true;
          }
  });</code></pre>
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.add{
    position: absolute; height: auto; width: 200px; left: 0; right: auto; top: 0; bottom: 0;
  }
  .show{
    position: absolute; width: auto; left: 200px; right: 0; top: 0; bottom: 0;
      border:1px solid red;
  float:right;
  }
  .content{
    border:1px solid blue;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
  &lt;html ng-app="myapp"&gt;
  
  &lt;head&gt;
            &lt;link href="style.css" rel="stylesheet" type="text/css"/&gt;
  
   &lt;script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0-beta.2/angular.min.js"&gt;&lt;/script&gt;
   &lt;script src="https://code.angularjs.org/1.5.0-rc.0/angular-sanitize.min.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  
  &lt;body ng-controller="AddCtrl"&gt;
   &lt;div class="add"&gt;&lt;button ng-click="add_New($index)"&gt;add Again&lt;/button&gt;
      &lt;div id="drop"&gt;
          &lt;/div&gt;
        &lt;/div&gt;
        &lt;div ng-show="showItem" class="show"&gt;
            &lt;div ng-repeat="item in items"&gt;
              {{$index + 1}}.&lt;input type="text" ng-model="item.name"&gt;
              &lt;/div&gt;
              &lt;button ng-click="add()"&gt;Add&lt;/button&gt;
  
            &lt;/div&gt;
  &lt;/body&gt;
  
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>