如何在使用Angularjs刷新页面后将服务存储在“下拉列表”中

我在服务中存储下拉选择值，并将值从一个位置移动到另一个位置。该功能工作正常，但我需要的是刷新页面后下拉列表将更改为选择，但我需要选择值必须在下拉列表中。我正在使用cookie。我在这里附上了我的代码帮助如何做到这一点

控制器代码 html

---

试试这个。您没有更新服务storeservice

Instead of 
 $scope.value = StoreService;
Use 
StoreService.storedObject =$scope.value.storedObject 

您可以将select的ng模型直接绑定到StoreService

<select id="MaterialFacility" 
   class="form-control"   
   ng-change="FacilityChange()"
   ng-model="StoreService.storedObject" >

注释：$scope.value=StoreService；没有任何意义，因为您正在更改$scope.value，此行将用空白覆盖您选择的内容

加：

在选择时使用ng repeat时，必须使用ng selected=expression来设置默认的选定选项

<select id="MaterialFacility"  
        class="form-control"   
        ng-change="FacilityChange(value.storedObject)"
        ng-model="value.storedObject" >

  <option value=''>Select</option>
  <option ng-repeat="FacilityDropValue in FacilityDropValues" 
          ng-selected="FacilityDropValue.value === value.storedObject"
          value="{{FacilityDropValue.value}}">{{FacilityDropValue.content}}</option>                                           

</select>

---

注意：因为您是说直接在模板中绑定StoreService时会导致空白页并且没有错误，在这里，您仍然可以使用value.storedObject绑定。

相同的yar@randypradd您可以放置控制台并检查存储服务中的值吗您可以检查控制台及其存储在存储服务中的内容在重新加载后重新加载选择相同的内容@Pengyy@jose你对angularjs的看法是什么？@jose请看我对添加部分的回答。但是我的价值观是什么是否正确地存储在cookies中@pengyy@jose没什么变化，试试吧。

<select id="MaterialFacility" 
   class="form-control"   
   ng-change="FacilityChange()"
   ng-model="StoreService.storedObject" >

$scope.FacilityChange=function(){
  debugger;
  // $scope.value = StoreService;
  $cookieStore.put("FacilityID", StoreService);
  $cookieStore.put("FacilityID1", StoreService.storedObject);
};

<select id="MaterialFacility"  
        class="form-control"   
        ng-change="FacilityChange(value.storedObject)"
        ng-model="value.storedObject" >

  <option value=''>Select</option>
  <option ng-repeat="FacilityDropValue in FacilityDropValues" 
          ng-selected="FacilityDropValue.value === value.storedObject"
          value="{{FacilityDropValue.value}}">{{FacilityDropValue.content}}</option>                                           

</select>