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

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

<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>

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

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

我使用的是Angular，这个站点不是SPA，使用ajax获取值在这里不是这样