Angularjsチェックボックスがノーアクション

Question

HTML

<input type="checkbox" ng-model="activeStatus" 
     ng-checked="outlet2Datas.INT_EXTEND_1 == 1" 
     ng-change="setOutletStatus(activeStatus)" 
     ng-true-value="1" ng-false-value="0" /> 

コントローラ

$scope.setOutletStatus = function (activeStatus) { 
     console.log(activeStatus); 
    } 

をNG-変更をチェックし、私はangularjsのための新たな、と私は、チェックボックスのNG-変化に関するいくつかの助けを必要としています。

これはHTMLチェックボックスの入力です。値が1のときにチェックボックスをチェックするためにAPIから値を取得します。チェックボックスの値が1から開始すると、チェックボックスがオンになっていることを意味するチェックボックスが表示されます。コンソールが値1を返し、値を0に戻すチェックボックスをもう一度クリックします。なぜチェックボックスがチェックされても最初にアクションを実行できないのですが、チェックボックスをオフにしたときにアクションを実行できるのはなぜですか？

Answer 1

Angular documentation ngModelとngCheckedを使用しないでください。これは予期しない動作につながる可能性があるためです。あなたの場合に起こるようです。

trueまたはfalseを変数に割り当てて、ng-modelディレクティブに渡すことができます。またはその他の値ですが、ng-true-valueおよびng-false-valueディレクティブの宣言された値のいずれかと同じである必要があります。

また、モデル変数をng-changeコールバックのパラメータとして渡す必要はありません。 $scopeのこの変数には既にアクセスしているためです。

基本的には、私はjsbinを用意しています。お役に立てれば。