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

获取更改单选按钮的值

Ng-Click记住单选按钮选择

1 个答案: