页面重新加载,同时使用带有Rails的angularjs删除图像

蒂亚加拉詹·维鲁查米

我是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);
};

感谢您提供的任何帮助。

奥利弗·尼古拉斯·庞德(Oliver Nicolaas Ponder)

可能与以下内容重复:AngularJS,单击表单中的按钮会导致页面刷新

尝试添加:type='button'到您的<button>

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

使用Javascript或Jquery重新加载带有锚点的页面

带有ui.router的AngularJS:单击相同状态链接时重新加载页面

如何使用Angularjs重新加载页面?

ngOnDestroy,同时重新加载页面

如何使用AngularJS重新加载或重新渲染整个页面

重新加载带有header()的页面后,使用echo()编写文本

使用 Codeigniter 网站 URL 从 angularjs 中删除 # 后,如果重新加载,则找不到 404 页面...(页面未重新加载的主要错误)?

如何删除重新加载页面?

在 Rails 中没有重新加载页面的提交按钮

通过 PHP 删除记录而不重新加载页面(使用 AJAX)

使用参数重新加载页面时,AngularJS CSS样式丢失

使用mapper.js突出显示图像中的悬停区域仅在重新加载页面时有效

使用PHP重新加载具有新div内容的页面

使用jQuery重新加载页面,同时保留一些数据

AngularJS-删除Hashbang后重新加载页面时出现404错误

删除项目后,symfony重新加载页面

单击删除时不要重新加载页面

发送带有json的html文件,并使浏览器无需重新加载页面即可重新加载该json

如果有任何更改,AngularJS 会同时重新加载多个选项卡

AngularJS模板重新加载,页面消失

AngularJS 重新加载页面不起作用

AngularJS在Rails中:无需重新加载即可更改页面吗?

在Rails中部分重新加载页面

Rails:提交表单而不重新加载页面

使用毕加索加载的图像在滚动时被删除并不断重新加载

无法使用CardsLib库加载带有图像的物料卡

JQuery-ui选项卡-重新加载带有全新内容的页面不起作用

带有Angular的ASP.NET MVC:-页面刷新或重新加载给出404错误

带有参数的儿童在反应路由器中重新加载页面