Javascript 从JSON动态创建表单

Javascript 从JSON动态创建表单,javascript,angularjs,json,forms,Javascript,Angularjs,Json,Forms,我用3个嵌套的ng重复,展示几个问题和她相应的答案。在这之前都可以,但我必须创建一个表单来保存答案,合适的方法是什么?我正在测试这个: <form> <div class="panel panel-default" ng-repeat="section in questionsTest"> <div class="panel-heading"> <h1>{{ section.name }}</h

我用3个嵌套的ng重复,展示几个问题和她相应的答案。在这之前都可以,但我必须创建一个表单来保存答案,合适的方法是什么?我正在测试这个:

<form>
    <div class="panel panel-default" ng-repeat="section in questionsTest">
        <div class="panel-heading">
            <h1>{{ section.name }}</h1>
            <h3 class="panel-title">{{ section.name }}. {{
                section.description }}</h3>
        </div>
        <div class="panel-body" ng-repeat="question in section.questions">
            {{ question.statement }}
            <div ng-repeat="answer in question.answers">
                <label class="radio-inline"> <input type="{{ answer.type }}" ng-model="test.idRadioButton"
                    name="{{ question.id }}" id="{{ answer.id }}" value="{{ answer.id }}">
                    {{ answer.valor }}
                </label>
            </div>
        </div>
    </div>
</form>
它根本不起作用,当我点击第一个问题时,所有其他问题也会被点击。我是个有棱角的新手,我不知道如何面对这个问题。谢谢

“工作”现在,但我不能存储所有单击的单选按钮。这是我如何拥有控制器的:

$scope.question = {};
    $scope.testing = function(){
        console.log($scope.question);
    };

测试功能仅用于在控制台上显示存储在$scope.question中的值。

您必须为每个问题使用不同的模型

使用:

我在这里举了一个有效的例子:


但是,您可能对
单选按钮的用途感到困惑。单选按钮一次只允许选择一个。如果您想要多个问题,您必须将类型设置为
复选框

,您必须为每个问题使用不同的模型

使用:

我在这里举了一个有效的例子:


但是,您可能对
单选按钮的用途感到困惑。单选按钮一次只允许选择一个。如果您想要多个,您必须将类型设置为
复选框

同时更改id,而不仅仅是名称?还发布了一个json示例,以帮助您破译problem@MiltoxBeyond我已经复制了json并尝试更改id,但仍然无法更改id,而不仅仅是名称?还发布了一个json示例,以帮助您破译problem@MiltoxBeyond我已经复制了json并尝试更改id,但仍然不起作用。现在正在工作,正如您在plnkr上向我展示的那样,我得到了它,但我无法存储值。我公布了我是如何在我的控制器上使用它的。现在正在工作,我得到了它,就像你在plnkr上展示给我的一样,但我无法存储值。我发布了我如何在控制器上使用它。
$scope.question = {};
    $scope.testing = function(){
        console.log($scope.question);
    };
ng-model="question.value"