javascript - 清除 Angularjs state.go 参数

标签 javascript angularjs angular-ui-router

我正在开发 angularjs 应用程序。它就像 CRUD 应用程序。以下是应用程序结构

Home (List)        => "/#!/"
--- Details page   => "/#!/home/details/-KcXruMX3ia6rokeZjCJ"
----- Edit page    => "#!/home/edit/-KcXruMX3ia6rokeZjCJ"

编辑页面后,我将用户重定向到详细信息页面,并显示如下成功消息。

$scope.msg = {type : "success","msg" : "User Updated"};
$state.go('home.details', { id : $scope.id, msg : $scope.msg });

直到这一步工作正常,问题是当我单击其他用户/项目并进入详细信息页面时,我仍然看到该消息。

下面是我的详细信息 Controller

myApp.controller("detailsCtrl",[
        "$scope",
        "$stateParams",
    function(
        $scope, 
        $stateParams, 
    ){
    // msg variables receives its values from previous actions 
    $scope.msg = $stateParams.msg;

}]);

如何通过使用一次来清除该消息?

最佳答案

如果您使用 ui-sref 那么您还可以提供状态参数,例如 ui-sref="details({msg: ''})" 或如果你想清除状态参数,当你转换到当前状态时,你可以提到 $state.go('.', {msg: undefined} );

关于javascript - 清除 Angularjs state.go 参数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42445910/

相关文章:

javascript - 不打开 Accordion 菜单的第二个菜单

javascript - angularjs:ui-router(嵌套 View )和引导选项卡玩得不好

angularjs - 使用额外 View 扩展父状态

javascript - 简单的 Angular ment.io 菜单不起作用

javascript - 防止 Firefox 自动完成任何带有密码字段的表单

angularjs - 从 $rootscope angularjs 访问 $scope

javascript - 相对于容器的响应字体大小

javascript - D3 代替 jquery 进行 dom 管理 - 可能吗?

javascript - 如何使用 block 级元素作为背景

jquery - Angular Directive解析attr双向绑定(bind)