当前位置: 代码迷 >> JavaScript >> AngularJS UI路由器-更改URL而不重新加载状态,并且仅更改数据
  详细解决方案

AngularJS UI路由器-更改URL而不重新加载状态,并且仅更改数据

热度:93   发布时间:2023-06-06 08:57:10.0

我正在使用Angular UI Router,并希望重新加载当前状态并刷新所有数据/为当前状态及其父级重新运行控制器。

.state('StateData', {
                    url: '/:cityName/StateData',
                    templateUrl: BASE_URL + '/partials/StateData/StateDataItems.html',
                    controller: 'StateDataController',
                   }
                }).
.state('home', {
                    url: '/:CityName',
                    controller: 'CityName',
                    templateUrl: BASE_URL + '/partials/CityName/cityname.html',
             });

现在我正在使用commom控制器文件,在弹出提示后调用以下提到的函数

$state.go($state.current, {}, {reload: true});

问题:我无法更改站点URL;

www.site.com/CITYNAME/citydata

CITYNAME :它将动态更改。

所以网址

www.site.com/NY/citydata

要么

www.site.com/DC/citydata

但是页面不应该刷新

您需要在$state发送CityName参数,例如

$state.go($state.current.name, {CityName : 'NY'}, {reload: true});