0

我有一个带有是或否选项的选择选项。

<select ng-model="selectedAnsw" ng-options="answ.text for answ in answs"></select>

$scope.answs = [
            {
                text: "Yes",
                value: Yes
            },
            {
                text: "No",
                value: no
            } ];

我想存储用户选择的$scope.selectedAnsw内容并保存+填充选择。因此,如果用户选择No然后导航到不同的页面并返回是/否页面No是预先选择的,因为他们之前选择了它/它被存储了。我不需要永远保留选择,只是在这个会话期间。认为这可能与 $rootScope + ng-select 有关。

4

1 回答 1

0

您可以使用服务来实现这一点。使用 setter 和 getter 方法创建服务。在控制器中注入服务。

现在,每当用户选择使用 setter 将其设置为服务的任何选项时,当用户返回同一页面时,使用 getter 方法获取用户选择。

要将其设置回您的选择框,您可以从服务中获取对象并将其直接分配给您的ng-model.

例如

$scope.selectedAnsw = yourServiceValue

下面是解释服务使用的简单片段。

var app = angular.module("myapp", []);

app.controller("testCntrl", function($scope, storeData) {
  $scope.selectedAnsw = {};

$scope.answs = [
            {
                text: "Yes",
                value: "Yes"
            },
            {
                text: "No",
                value: "no"
            } ];
  
  $scope.getAns = function() {
    $scope.userAns =  storeData.getUserAns();
  }
  
  $scope.setAns = function(ans) {
    storeData.setUserAns(ans);
  }
})
.service("storeData", function(){
  this.setUserAns = function(ans) {
    this.ans = ans;
  }
  
  this.getUserAns = function() {
    return this.ans;
  }
})
;
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="myapp">
  <div ng-controller="testCntrl">
<select ng-model="selectedAnsw" ng-options="answ.text for answ in answs" ng-change="setAns(selectedAnsw)">
     <option value="" disabled>Select An Answer</option></select>
</select>
  <div>User Selected : {{selectedAnsw}}</div>
  
  <button ng-click="getAns()">Show user selection</button>
  <div>User had Selected : {{userAns}}</div>
    </div>
  </div>

于 2015-10-30T20:42:35.510 回答