在angularjs中未正确选择下拉列表

时间:2017-05-31 10:32:46

标签: javascript html angularjs

大家好我正在使用angulajs并绑定drop down我的功能,当我选择drop down值时,我必须存储drop down drop down页面重新加载后在cookie中选择的值我选择了与所选索引相同的值,我所选择的是我的功能,它正常工作正常。但是在页面重新加载后我第一次选择drop down值时,我第一次选择它会自动转到选择选项我不知道为什么有助于如何解决

控制器

 var FacilityIDs=[{FacilityID:1,Name:'one'},{FacilityID:2,Name:'two'}]
        $scope.FacilityChange = function (data) {
            debugger;

            $cookieStore.put("FacilityID1", data);

        };

HTML

<select id="Facility" form="form" 
    ng-change="FacilityChange(value.storedObject)"
     ng-model="value.storedObject">
    <option value="">select</option>
    <option ng-repeat="FacilityId in FacilityIDs" 
     ng-selected="FacilityId.FacilityID ==FacilityID1"
    value="{{FacilityId.FacilityID}}" 
     >

     {{FacilityId.name}}
       </option>

    </select>

2 个答案:

答案 0 :(得分:0)

将以下代码添加到控制器代码中。

 var FacilityIDs=[{FacilityID:1,Name:'one'},{FacilityID:2,Name:'two'}]

 $scope.FacilityID1 = $cookieStore.get('FacilityID1') || '';

 $scope.FacilityChange = function (data) {
    debugger;
    $scope.FacilityID1 = data;
    $cookieStore.put("FacilityID1", data);

 };

您需要检索数据并将其存储在$scope.FacilityID1中,因为您在ng-selected中使用它。

一切顺利。

答案 1 :(得分:0)

$cookieStore服务已弃用。最好去$cookies