从ngstorage绑定到下拉列表

时间:2016-08-22 00:11:22

标签: javascript angularjs angular-local-storage

我使用ngstorage在localstorage中保存了一些值 我的控制者是:

app.controller("main", function( $scope, $localStorage) {
 $scope.$storage = $localStorage.$default({           
            selectedlanguage: { language: null, text: "All Languages" }
        });
  $scope.languages = [
            { language: null, text: "All Languages" },
            { language: "en", text: "English" },
            { language: "ar", text: "Arabic" }
        ];

}

我的观点是:

<select ng-model="$storage.selectedlanguage" ng-options="lang.text for lang in languages">
 </select>

重新加载页面时,不能绑定选定的语言 提前致谢

1 个答案:

答案 0 :(得分:1)

在ng-options属性中,您可以为表达式中的每个选项指定值和标题,另一个问题是您将对象指定为ng-model,您需要告诉下拉列表要匹配的值,因此访问selectedlanguage对象上的语言将正常工作。

EventQueue.invokeLater(() -> 
{
}

以上与下面相同,但是表达方式更复杂,下面的内容更容易理解,但完全相同:

<select ng-model="$storage.selectedlanguage.language" ng-options="lang.language as lang.text for lang in languages">
</select>

演示:https://jsfiddle.net/suunyz3e/289/