2015-11-24 9 views
5

私は今の形でユーザーに2つのチェックボックスを持っているが、一方または両方を選択して、サーバーにデータを投稿、しかし、私は、ユーザーがデータをポストするとき、私は$scope.ng-modelに両方の値をバインドする方法、わからないことができますか?ng-modelでチェックボックスの値を投稿する方法は?

main.htmlを

<div class="col-md-8 col-md-offset-2"> 
    <label class="checkbox"> 
     <input type="checkbox" ng-value="'uploadPrc'" ng-model="prcModel">Upload PRC 
    </label> 
    <label class="checkbox"> 
     <input type="checkbox" ng-value="'uploadPrt'" ng-model="prtModel">Upload PRT 
    </label> 
</div> 

答えて

1

angles "two way data bin鼎」このように動作します: は、コントローラスコープ

$scope.form = { 
    prcModel: false, 
    prtModel: false 
} 

そして、あなたのビューで上のフォームのデータを初期化します。あなたはあなたのチェックボックスの値をあなたのモデルの値を変更した場合

<div class="col-md-8 col-md-offset-2"> 
    <label class="checkbox"> 
     <input type="checkbox" ng-value="'form.prcModel'" ng-model="form.prcModel">Upload PRC 
    </label> 
    <label class="checkbox"> 
     <input type="checkbox" ng-value="'form.prtModel'" ng-model="form.prtModel">Upload PRT 
    </label> 
</div> 

ます瞬時に変更同じように。 コントローラで$scope.formを処理するだけです。

+0

私はform.prcModelのためのデータを投稿した場合ので、どのような値は、上記の例では、サーバーに送信されますか? – aftab

+0

PRCチェックボックスがチェックされている場合、 '$ scope.form.prcModel'は' true'になり、その値はポストされます。 –

+0

その場合には、私は両方のチェックボックス – aftab

0

ドントあなたが探しているもの、このですが、なぜ同じよう独自のモデルを持ってしようとしていないかどうかを知る:.jsファイルのコードでそう

<div class="col-md-8 col-md-offset-2"> 
    <label class="checkbox"> 
     <input type="checkbox" ng-model="myModel.prcModel">Upload PRC 
    </label> 
    <label class="checkbox"> 
     <input type="checkbox" ng-model="myModel.prtModel">Upload PRT 
    </label> 
</div> 

あなたをオブジェクトとしてモデル "myModel"を送受信することができ、値は真または偽になります。

関連する問題