如何在下拉Angular JS中将本地存储值设置为选定值？

Question

我有一个 Angular JS 材质下拉菜单，并且正在从我的控制器加载项目。当用户单击一个项目时，我将其值存储到本地存储中。它运作良好。选择值后，我想将该（本地存储值）值设置为下拉默认值。

  <div flex>
    <md-select ng-model="$callcenterController.selectedLanguage" ng-selected="$callcenterController.getLocalStorageItem" ng-change="$callcenterHomeController.languageChange($callcenterController.selectedLanguage.name)"  placeholder="{{$callcenterController.selectLanguageLabel}}" >
        <md-option ng-value="languages" ng-repeat="languages in $callcenterHomeController.languageList"></md-select-label>  {{ languages.name }}</md-option>
  </md-select>    

来自我的控制器

ctrl.getLocalStorageItem = localStorage.getItem('selectLanguage')

ctrl.languageChange = function (key) {
if (typeof this.selectedLanguage != 'undefined'){

  localStorage.setItem('selectLanguage', key);

  $route.reload();

}  }

Answer 1

您必须将值设置为您在 ng-model 中绑定的变量。你的情况

$callcenterController.selectedLanguage

所以：

Controller:

ctrl.selectedLanguage = localStorage.getItem('selectLanguage');

ctrl.languageChange = function () {
  if(ctrl.selectedLanguage) {
    localStorage.setItem('selectLanguage', ctrl.selectedLanguage);
  }
}

查看：

<md-select ng-model="$callcenterController.selectedLanguage"  ng-change="$callcenterHomeController.languageChange()" >
...etc
  </md-select>