頁面重新加載時，使用帶導軌的angularjs刪除圖像

Question

我是AngularJS的新手。

我面臨與頁面重新加載，同時刪除圖像的問題。例如，我上傳了3張圖片。如果我刪除圖像堆棧順序，然後運行良好。如果我刪除任何圖像，然後重新加載頁面。

模板代碼

<div class="col-md-3 onboardup--image-container" ng-repeat="photo in pet.photos"> 
    <div class="img-div" style="background-image: url({{photo.photo_url}});"></div> 
    <div class="btn-container"> 
     <button ng-click="removeImage(photo, $event)" class="btn btn-primary" ng-if="newPet == 'true'"> 
      Delete 
     </button> 
    </div> 
</div> 


$scope.removeImage = function(photo, $event){ 

    var target = $event.target; 
    var container = $(target).parent().parent(); 
    container.remove(); 
    var index = $.inArray(photo, $scope.photoSrcList); 
    $scope.photoSrcList.splice(index, 1); 
    $scope.pet.photos.splice(index, 1); 
}; 

將感謝任何形式的幫助。

Answer 1

難道是一個重複：AngularJS, clicking a button within a form causes page refresh

嘗試增加：type='button'您<button>