angular2 刷新当前页面

现在的项目在有一个功能就是,删除表格中的一行,刷新当前页面数据:

实现方式:点击删除按钮时请求后台执行删除操作之后在subscribe中刷新路由,路由地址指向到当前页面的路由,

angular2 刷新当前页面_第1张图片

但是有一点很重要就是必须要改变路由,否则页面不会刷新

改变路由有3个方式:

1.使用完全不相同的两个地址,比如:A:user  B:userList 但是A和B都指向同一个Component;

2.使用用一个地址,但是另外一个地址可以携带一个参数,如下图

angular2 刷新当前页面_第2张图片

3.推荐使用这种,因为这样整个路由的地址不会更改。

   使用同一个地址,并且使用路由的query携带参数的功能,代码如下

angular2 刷新当前页面_第3张图片

在初始化的地方一定要有queryParams去接收,不然不会跳转。最好做一下空值过滤

angular2 刷新当前页面_第4张图片

你可能感兴趣的:(angular2 刷新当前页面)