【AngularJS】angularJS路由页面更新

问题:程序是通过AangularJS路由的方式实现页面跳转的,在点击删除按钮后,后台通过调用数据库将数据删除,但是界面没有发生变化,试了好几种刷新界面的方法也没成功


解决:在button中调用ng-click方法时传参$event.target,$event.target是当前被点击的对象,这个对象是一个原生对象。在绑定函数中要调用angular.element(原生对象)方法将其转为jquery对象,此时可以通过调用parent()方法找到对应的父元素,最后执行remove()方法删除相应的行。

好处:不用重新加载页面

 
 

<td><button ng-click="deleteCart(cart,$event.target)">删除</button></td>

$scope.deleteCart=function(cart,element) {
        //console.log(angular.element(element).parent().parent());
        angular.element(element).parent().parent().remove();
        //以下省略的是具体调用后台数据库删除的代码(通过发送$http请求)
    };

发布了22 篇原创文章 · 获赞 3 · 访问量 1万+

猜你喜欢

转载自blog.csdn.net/floracuu/article/details/78416683