Ng-Click запомнить выбор переключателя

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();