UI路由器更新URL基于$ stateparams而无需重新加载视图

Question

在我的应用程序中有一个表。每行都有一个与之关联的id。当我单击任何行时，该行的数据应以弹出形式填充。它将仅保持当前状态。但是url应该更改并且还应该包含单击的行ID。

例如：

• 点击之前 - www.mysite.com/home/list /
• 点击 - www.mysite.com/home/list/1234
后

---

"home.list": {
    "url": "/list/:record_id",
    "views": {
        "main@": {
            "templateUrl": "viewslistView.html",
            "controller": "ListController"
        }
    },
    "data": {
        "displayName": "List"
    },
    "resolve": {
        "lazyload": {
            "dependencies":["resources/js/controllers/listController.js"]
        }
    }
}

我尝试更新$stateParams.record_id = 1234，但它会更新$ stateParams但不会更新网址。

尝试$state.go('list', {record_id:1234})，它会更新$ stateParams以及URL，但它会刷新我不需要的表格视图。

尝试$state.transitionTo(...)，但结果与$state.go

相同

我的要求是使用点击的recordID更新网址，而不重新加载视图