在AngularJS中编辑内联SLUG时动态更新URL

Question

假设我有一个网址为http://example.com/blogs/lorem-ipsum

的网页

如果用户已登录并且是帖子的所有者，则他们具有内联选项来编辑SLUG（或生成slug的名称）。

问题是，如果他们编辑了SLUG，我该如何动态更新网址中的lorem-ipsum？

以下是路线代码，我正在使用UI路由器

app.config([
  "$stateProvider", "$urlRouterProvider", "$locationProvider", function($stateProvider, $urlRouterProvider, $locationProvider) {
    $locationProvider.html5Mode(true);
    $urlRouterProvider.otherwise("/");
    $stateProvider.state("root", {
      url: "/",
      templateUrl: "root.html"
    }).state("root.blogs", {
      url: "^/blogs",
      views: {
        'content@root': {
          templateUrl: "blogs/index.html",
          controller: "BlogsController"
        }
      }
    }).state("root.blogs.show", {
      url: "^/blogs/:slug",
      views: {
        'content@root': {
          templateUrl: "blogs/show.html",
          controller: "BlogsController"
        }
      }
    });
  }
]);