angularjs – 使用Angular UI-Router保存状态

前端之家收集整理的这篇文章主要介绍了angularjs – 使用Angular UI-Router保存状态前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个ng视图的应用程序,发送电子邮件联系人从联系人列表中选择。
用户选择“收件人”时,会显示另一个可以搜索,过滤等的视图/页面。“发送电子邮件”和“联系人列表”是在ng视图中加载的不同的html部分。

用户从联系人列表中选择某人时,我需要保持发送表单状态,它返回到同一点(和同一状态)。我阅读了关于不同的解决方案($ rootScope,使用ng-show,…的隐藏div),但是我想知道UI路由器是否会帮助我的状态管理器。如果没有,还有其他即用型解决方案吗?

谢谢!

我的解决方案是使用服务作为我的数据/模型存储。他们坚持控制器更改。

用户服务(我们的模型在控制器更改之间持续存在)

app.factory('userModel',[function () {
    return {
        model: {
            name: '',email: ''
        }
    };
}]);

在控制器中使用它

function userCtrl($scope,userModel) {
    $scope.user = userModel;
}

这样做的另一个优点是可以轻松地在其他控制器中重用您的模型。

猜你在找的Angularjs相关文章