保持AngularJS控制后退按钮上的状态

Question

我有一个按钮组，其作用类似于以下单选按钮组：

<div class="col-md-10" data-ng-controller="type-controller">
    <div class="btn-group" data-toggle="buttons">
        <label class="btn btn-success" ng-model="typeId" data-btn-radio="'1'">
            Option 1
        </label>
        <label class="btn btn-success" ng-model="typeId" data-btn-radio="'2'">
            Option 2
        </label>
    </div>
    <input data-ng-model="typeId" name="typeId" type="hidden" ng-init="typeId = '1'" />
</div>

当我提交表单时，所选的“收音机”会隐藏输入并按预期工作。问题是如果用户使用后退按钮。假设用户在包含上述代码的页面上，然后页面导航到另一个，然后如果用户单击后退按钮，则不保留按钮组的“状态”。它重置使得UX不酷。

那么如果用户离开页面并使用后退按钮返回，我该如何保留值？我在一个不同的项目中遇到了同样的问题，我可以通过触发使用jQuery处理“更改”事件的函数轻松修复。我只是检查隐藏的值并相应地设置控件状态。但是现在我不再使用jQuery了，我认为我不应该在我的控制器中操作DOM。

我正在使用Angular，而且这个网站不是SPA，使用ajax获取值不是这里的情况。