返回页面后,选中复选框以保持选中状态

时间:2015-07-06 07:17:55

标签: javascript html angularjs checkbox

我有一页由angularjs加载$http.get的项目。

在同一页面上,有类别的复选框。例如,如果用户按下复选框men,则角取用属于men类别的项目而不重新加载页面。

此外,用户可以点击某个项目,他将进入该项目的详细信息页面。

问题在于,当用户选中某个类别复选框时,选择一些项目,进入详细信息页面并按下浏览器中的back按钮,所有复选框都未选中,他将看到所有项目,不是他前一段时间过滤掉的。

我怎样才能“记住”他选中的复选框?

1 个答案:

答案 0 :(得分:1)

我假设您当前在控制器中存储了类别复选框状态,这就是为什么当用户转到项目详细信息然后返回到状态丢失的项目列表时,因为重新加载控制器。为了“记住”选中哪个复选框,您需要创建一个服务,您将在其中存储复选框的状态。每次用户访问项目列表页面时,控制器将从服务中读取最后一个状态并相应地初始化复选框。如果用户随后选择/取消选择一个或多个复选框,则控制器将更新服务以便存储新状态。