吳單擊記住單選按鈕選擇

Question

我試圖在多個視圖上創建一個窗體。 我如何做到這一點，如果用戶返回，他們的選擇仍然存儲？

查看1

<div> 
       <em style="font-size: 2.75em">{{message}}</em> 
      </div> 
      <br /><br /> 
      <p>What Color do you like?</p> 
      <br /><br /> 
      <div class="col-xs-offset-4"> 
       <form role="form" > 
        <div class="radio"> 
         <label><input type="radio" name="optradio" value="yellow" id="yellow">Yellow</label> 
        </div> 
        <div class="radio"> 
         <label><input type="radio" name="optradio" value="blue" id="blue">Blue</label> 
        </div> 
        <div class="radio"> 
         <label><input type="radio" name="optradio" value="green" id="green">Green</label> 
        </div> 
       </form> 
      </div> 

      <br /><br /> 

      <div ng-controller="MyController" > 
       <button type="button" class="btn btn-default" ng-click="myData.doClick()">Next </button> 
      </div> 

的script.js

scotchApp.controller("MyController", function($scope) { 
    $scope.myData = {}; 
    $scope.myData.doClick = function() { 
     parent.location='#q_two'; 
    } 
}); 

任何幫助|一個很好的地方看看更多|或想辦法想想這個 將不勝感激。

謝謝。

Answer 1

你可以保持一個服務於存儲的變化，getter & setter

服務

app.service('data', function() { 
    this.data = { 
     radioValue: false; 
    }; 
    this.getRadioValueData = function() { 
     return this.data.radioValue; 
    }; 
    this.setRadioValueData = function(val) { 
     this.data.radioValue = val; 
    }; 
}); 

代碼

scotchApp.controller("MyController", function($scope, data) { 
    $scope.data = data; 
    $scope.myData.doClick = function() { 
     $scope.data.setRadioValueData(); 
    }; 
}); 

在其他控制器，你可以得到價值的改變單選按鈕$scope.data.getRadioValueData();