javascript - 在 cookie 中保存下拉选择

Question

我对 Bootstrap 和 angularjs 世界完全陌生，而且我陷入了困境。我有一个像下面这样的简单选择

<div class="pull-left  margin-left-20">
        <select id="ddlPageSize" class="form-control form-ddl-adj"
                ng-model="params.settings().countSelected"
                ng-options="item.value as item.text for item in params.settings().countOptions"
                ng-change="params.count(params.settings().countSelected)"></select>
    </div>

在 Controller 中，我选择了这样的值

var pageSizeList = [
                        { value: 5, text: "5" },
                        { value: 10, text: "10" },
                        { value: 25, text: "25" },
                        { value: 50, text: "50" },
                        { value: 100, text: "100" }
                      ];

5 是默认选项。有人可以告诉我如何将用户选择(比如 10)保存在 cookie 中，以便下次 10 应该是页面大小

Answer 1

您可以使用AngularJS的ngCookies模块。您必须在代码中包含 angular-cookies.js:https://code.angularjs.org/1.4.3/angular-cookies.min.js

在模块声明中包含 ngCookies:

angular.module('testApp', ['ngCookies'])

然后您可以将 cookie 保存为:

$cookies.put('someKey', 'someVal');

您可以通过以下方式检索 cookie:

$cookies.get('someKey')

更新:检查这个 fiddle :http://jsfiddle.net/3xyf1bzo/