編輯輸入

Question

我有我的控制器功能，我從數據庫中檢索我的所有數據（ID，姓名，鄂麥，回顧）：

function loadAll() { 
     UniversalService.GetAll() 
      .then(function (a) { 
       $scope.all=a; 
      }); 
    } 

然後我在打印這樣的html：

<div class="row comment-table" ng-repeat="item in all "> 
     <div class="col-md-1"> 
      <img ng-src="http://www.gravatar.com/avatar/{{hash[$index]}}" alt="Description" /> 
     </div> 

     <div class="col-md-9"> 
       <p>Review posted by: {{item.name}}</p>   
       <p>{{item.review}}</p> 
       <span uib-rating ng-model="rate" max=5 on-hover="hoveringOver(value)" on-leave="overStar = null" titles="['one','two','three']" aria-labelledby="default-rating"></span> 
       <span class="label" ng-class="{'label-warning': percent<30, 'label-info': percent>=30 && percent<70, 'label-success': percent>=70}" ng-show="overStar && !isReadonly">{{percent}}%</span> 
     </div> 



    </div> 

現在，我爲每個評論添加了編輯和刪除按鈕。但我不確定如何實際編輯特定的審閱，因爲我需要在輸入中包含這些值，以及如何刪除它們。當我用loadAll()打印我的值時可以嗎？

Answer 1

通過使用$index。

在你HTML：

<div class="row comment-table" ng-repeat="item in all "> 
    <div class="col-md-1"> 
     <img ng-src="http://www.gravatar.com/avatar/{{hash[$index]}}" alt="Description" /> 
    </div> 

    <div class="col-md-9"> 
     <p>Review posted by: {{item.name}}</p>   
     <p>{{item.review}}</p> 
     <button ng-click="edit($index)">Edit</button> 
     <button ng-click="delete($index)">Delete</button> 
    </div> 
</div> 

然後在你的控制器：

$scope.edit = function(index) { 
    $scope.all[index] = // Your logic here. 
}; 

$scope.delete = function(index) { 
    $scope.all[index] = // Your logic here. 
};