角度刪除元素與模態和ng重複

Question

我有一個ng-repeat命令顯示在視圖中的對象數組。在點擊一個「刪除」按鈕之後，數字值應該被改變爲被點擊元素的索引並傳遞給模態。但是，在每種情況下，number.toDelete值都是未定義的。

此模式窗口與ng-repeat分開。我也使用bootstrap的標準版本。

<div ng-if="myArray.length != 0" ng-repeat="element in myArray track by $index"> 
     <div class="well"> 
      <p><span class="policyRepeat">{{element.name}}</span> &nbsp({{element.amount}}</p> 
      <button class="Delete btn btn-sm btn-danger" data-toggle="modal" data-target="#deleteElement" ng-click="number.toDelete = $index">delete</button> 
     </div></div> 

     <!-- DELETE MODAL --> 
     <div class="modal fade" id="deleteElement" role="dialog"> 
       <div class="modal-dialog"> 
        <!-- Modal content--> 
        <div class="modal-content"> 
        <div class="modal-header"> 
         <button type="button" class="close" data-dismiss="modal">&times;</button> 
         <h4 class="modal-title text-center">Are your sure you want to delete this element?</h4> 
        </div> 
        <div class="modal-body"> 
         <div class="containter"> 
         Modal Body 
         </div> 
        </div> 
        <div class="modal-footer"> 
         <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button> 
         <button type="button" class="btn btn-danger" data-dismiss="modal" ng-click="deleteElement(number.toDelete)">Delete</button> 
        </div> 
        </div> 
       </div> 
       </div> 

Answer 1

更改刪除您的角度控制器BTN這個

<button type="button" class="btn btn-danger" data-dismiss="modal" ng-click="deleteElement(element)">Delete</button> 

，添加這個刪除方法

$scope.deleteElement = function(element) { 
    $scope.myArray.splice($scope.myArray.indexOf(element), 1); 
};