angularjsのラジオボックス+ng-repeatの実現

1901 ワード

最近プロジェクトをする過程で、1つの試験システムを作ることを要求して、解答のページでラジオボックス+ng-repeatに関連して試験用紙の展示を実現して、終わった後に答えをバックグラウンドに伝えて、ここで主に下の選択ボックス+ng-repeatのいくつかの要点を話します
フロントコードは次のとおりです.
 
A    B    C    D   







radioのセットでは、使用されるng−modelは同じであり、原理はnameと類似しており、ng−modelの値はjsの配列に直接バインドされていることに注意してください($indexによって具体的なバインドがどれにあるかを決定します).
jsコードは以下の通りです.
app.controller('QuestionSettingCtrl',function($scope, $http){
	$scope.answer = new Array(30);
	$http({
		url : "/getexamquestions",
		method : "post",
		params : {
			'account' : 30
		}
	}).success(function(res){
		$scope.items=res;
	});
	
	$scope.submit = function(){
		$http({
			url : "/submitanswer",
			method : "post",
			params : {
				'answer' : $scope.answer
			}
		}).success(function(res){
			alert("    "+res+" !");
		});
	}
});
私はcontrollerの初期化の中でanswer配列を作成して、htmlの中のradioと双方向にバインドして、submit方法の中で、直接バックグラウンドに提出して答えの対比を完成することができます.