ng-modelを使用してチェックボックスの値を知る方法

Question

私はフォームを持っています。このフォームを送信する前に、チェックボックスに基づいて何かをしたいと思います。

これは私のチェックボックスである：私はこれ持って

私のコントローラで

<input type="checkbox" name="resident" id="resident" 
       ng-model="resident" ng-init="resident=false"> 

：

$scope.submitForm = function (isValid) { 

    if(!$scope.resident){ 
       //code... 
    }else{ 
       //code... 
    } 

} 

をその後私はいつも、私はfalseにそれを初期化しているにもかかわらず、未定義として、このチェックボックスの値を取得。

ng-change私はチェックボックスの値を知っていて、変更されたときにはいつでも治療をしないといけないので、私はng-changeと仕事したくありません。

どうすればこの問題を解決できますか？

Answer 1

質問に添付したコードには問題がありません。問題は、あなたがここに投稿していないコードのどこかにあります。それが動作する以下のコードを参照してください。

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app=""> 
 
    
 
    <input type="checkbox" name="resident" id="resident" 
 
      ng-model="resident" ng-init="resident=false">{{resident}} 
 
    
 
</div>

可能性のある問題： 入力チェックボックスに接続されている範囲を参照してくださいが、時々、変数やモデルが親スコープにあったことが起こると、我々は子スコープで操作しようとしています。お子様や親の範囲の検査に関してあなたをより良く導くことができるbatrangのようなクロムツールを使用してください。

Answer 2

ビュー：

<input type="checkbox" name="resident" id="resident" ng-model="resident.checked"> 

コントローラー：

$scope.resident = { 
    checked: false; 
} 

それです！モデルはng-modelディレクティブを介してfalseからtrueに自動的に切り替わります。 http://jsfiddle.net/Lvc0u55v/2989/