2016-10-13 6 views
0

angularjs와 함께 CRUD를 만들고 싶습니다. 내가 업데이트를 만들면 작동하지 않습니다. 데이터는 첫 번째 색인 만 읽습니다. 두 번째 행을 클릭하면 데이터가 첫 번째 인덱스로 읽습니다. 누구든지 내가 도와 줄 수 있니? 나는 새로운 각도 학자 야. 데이터 목록보기 :Angularjs에서 업데이트하는 방법

<table class="table"> 
     <tr> 
      <th>ID</th> 
      <th>Name</th> 
      <th>Address</th> 
      <th>Action</th> 
     </tr> 
     <tr ng-repeat="x in listData"> 
      <td>{{x.id}}</td> 
      <td>{{x.nama}}</td> 
      <td>{{x.alamat}}</td> 
      <td> 
       <a href="#" ng-click="update(x.id)">Edit</a> 
      </td> 
     </tr> 
    </table> 

형태 업데이트 :

<h2>Add Data</h2> 
    <table> 
     <tr> 
      <td>Id</td> 
      <td><input type="text" ng-model="id"></td> 
     </tr> 
     <tr> 
      <td>Nama</td> 
      <td><input type="text" ng-model="nama"></td> 
     </tr> 
     <tr> 
      <td>Alamat</td> 
      <td><input type="text" ng-model="alamat"></td> 
     </tr> 
     <tr> 
      <td>&nbsp;</td> 
      <td><input type="button" value="Update" ng-click="edit()"></td> 
     </tr> 
    </table> 

컨트롤러 :

$scope.update = function(id){ 
     var index = getSelectedIndex(id); 
     var x = $scope.listData[index]; 
     $scope.id = x.id; 
     $scope.nama = x.nama; 
     $scope.alamat = x.alamat; 
    } 

    $scope.edit = function(id){ 
     var index = getSelectedIndex(id); 
     $scope.listData[index].nama = $scope.nama; 
     $scope.listData[index].alamat = $scope.alamat; 
    } 

답변

2

당신은 기대하고있다 "ID"내부 "편집()"기능,하지만 당신은 제공되지 않습니다 it 및 "getSelectedIndex (id)"가 첫 번째 항목을 반환 할 수 있습니다.

관련 문제