Javascript 如何使用submit按钮在angularJS中提交表单的所有详细信息
我正在用angularJS开发一个测验应用程序。HTML代码是 `Javascript 如何使用submit按钮在angularJS中提交表单的所有详细信息,javascript,html,angularjs,onsubmit,submit-button,Javascript,Html,Angularjs,Onsubmit,Submit Button,我正在用angularJS开发一个测验应用程序。HTML代码是 ` {{$index+1}}。{{问题} {{options.value}} ` javascript文件是 $scope.submitAnswer=函数(){ } 我希望当用户回答所有问题时,单击submit按钮时,应将单选按钮(答案)的所有值传递给submitAnswer() 首先,您需要将输入字段和按钮放入表单标记中。然后将ng submit指令添加到表单中,并为其分配submitAnswer()函数 确保按钮的类型也是
{{$index+1}}。{{问题}
{{options.value}}
`
javascript文件是
$scope.submitAnswer=函数(){
}
我希望当用户回答所有问题时,单击submit按钮时,应将单选按钮(答案)的所有值传递给submitAnswer() 首先,您需要将输入字段和按钮放入表单标记中。然后将ng submit指令添加到表单中,并为其分配submitAnswer()函数 确保按钮的类型也是“提交”,而不是“按钮”
{{$index+1}}。{{问题}
{{options.value}}
提交
函数quizCtrl($scope){
$scope.model={
问题:[]
};
$scope.quick=[{
问题1:,
选项:[{
值:“a”
}, {
值:“b”
}]
}, {
问题2:,
选项:[{
值:“c”
}, {
值:“d”
}]
}];
$scope.submitAnswer=函数(){
log($scope.model);
}
}
{{$index+1}}。{{问题}
{{option.value}}
{{model}}
<div class='question' ng-repeat='question in quiz ' value='{{$index}}'>
<h3>{{$index+1}}. {{question.q}}</h3>
<div ng-repeat = "options in question.options">
<input type='radio'> <strong>{{options.value}}</strong>
</div>
</div>
<input type="button" value="Submit" ng-click= submitAnswer()>
<script src="quizController.js"></script>
</body>
<form ng-submit="submitAnswer()">
<div class='question' ng-repeat='question in quiz ' value='{{$index}}'>
<h3>{{$index+1}}. {{question.q}}</h3>
<div ng-repeat = "options in question.options">
<input type='radio'> <strong>{{options.value}}</strong>
</div>
</div>
<button type="button">Submit</button>
</form>