页面重新加载时，使用带导轨的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>