从localStorage中选择

Question

我正在使用angularJS。我正在尝试在HTML中构建一个选择菜单，该菜单将由存储在$localStorage.users.names.

下的本地存储中的名称填充

我在网上看过，但似乎找不到除了以外的任何东西 -

<select> <option ng-repeat="x in $localStorage.users.name">{{ x }} </option> </select>

但这并没有填充菜单。有什么想法吗？

Answer 1

首先将来自本地存储的用户存储在控制器中，然后在视图文件中使用它。

在你的控制器中 -

$scope.users = $localStorage.users;

在您看来 -

<select>
    <option ng-repeat="x in users">{{ x.name }}
    </option>
</select>

Answer 2

您必须将$localStorage放入$scope才能像您一样访问它。像这样：

app.controller('Ctrl', function($scope, $localStorage) {
    $scope.$localStorage = $localStorage;
    // The rest of your code...
});

我希望有所帮助。

Answer 3

您是否忘记将localStorage对象用于模板？

类似的东西：

.controller('Ctrl', function(
    $scope,
    $localStorage
){
    $scope.localStorage = $localStorage;
});

Answer 4

试试这个

app.controller('Ctrl', function($scope, $localStorage) {
    $scope.$localStorage = $localStorage;
});

和html应该使用get()函数来检索本地存储值。如下所示

ng-repeat="x in $localStorage.get("users").name

Answer 5

实际上，您无法在$localStorage内使用HTML。

因此，请将$localStorage.users.names分配到您的$scope变量中。

<强>控制器

$scope.userNames = $localStorage.users.names;

<强> HTML

<select>
    <option ng-repeat="userName in userNames">{{ userName }}
    </option>
</select>