ラジオから$ http.postへのAngularJS値

ラジオからの価値を得る方法をお聞きし、AngularJSを使用して$ http.postで送信してください。ここで

HTML

<input name="group1" type="radio" id="test1" value="4"/> 
    <label for="test1">Four paintings</label> 

    <input name="group1" type="radio" id="test2" value="6" /> 
    <label for="test2">Six paintings</label> 

    <button ng-click="submit()">Submit</button>

つのラジオボタンは、私がDB

に、その後

角度

の角度に送信したい4と他の6これらの数値の値を持ついくつかの例です。

$scope.submit = function(){ 
    if (radioValue == 4) { 
    $http.post(apiURL, { 
     numberOfpaintings: ??, // radioValue 
     ...  
     }); 
    } else if(radioValue == 6) { 
    $http.post(apiURL, { 
     numberOfpaintings: ??, // radioValue 
     ... 
     }); 
    } 
}

「radioValue」は、何らかの形でその値をradioButtonsから格納します。ありがとう！

出典

2016-07-03 marek

あなたのinputタグで 'NG-モデル= "radioValueを"'使います –

おそらく 'data-ng-model =" radioValue "'を各ラジオボタンに追加し、 '$ scope.r 'radioValue'の代わりに' adioValue'を使用します – daf

そして、$ scope.radioValueを使ってアングルファイルでアクセスできますか？ '$ scope.radioValue == 4）{...}' – marek

この

Plunkerのようにしてみてください：スクリプトでhttp://plnkr.co/edit/b3AAr9XlVcS0IW962tUT

：

var app = angular.module('plunker', []); 

app.controller('MainCtrl', function($scope,$http) { 
    $scope.paintings = 4; 

    $scope.submit = function(){ 

    alert($scope.paintings); 

$http.post(apiURL, { 
    numberOfpaintings: $scope.paintings 
    }); 
} 
});

HTMLで

<body ng-controller="MainCtrl"> 

<input name="group1" ng-model="paintings" type="radio" id="test1" value="4"/> 
<label for="test1">Four paintings</label> 

<input name="group1" ng-model="paintings" type="radio" id="test2" value="6" /> 
<label for="test2">Six paintings</label> 

<button ng-click="submit()">Submit</button> 


</body>

出典

2016-07-03 13:25:11 Deep

3行目の '$ scope.paintings = 4;'がデフォルトを設定しています（例：）無線？ – marek

はい、この値はデフォルトでページの読み込み時にラジオボタンを選択します。 – Deep

'alert（$ scope.paintings）'はうまくいきますが、データベースにチェックを入れると、送信される値は常に '0'になります。たぶんNumberに変換する必要がありますか？ – marek

ラジオから$ http.postへのAngularJS値

答えて

関連する問題