2017-05-19 10 views
0

私はチェックボックスを持っており、チェックボックスの値をチェックしていないときにチェックボックスの値をfalseに設定したいと思っています。どのように角度jsでそれを行うには?チェックボックスをオフにすると、チェックボックスのデフォルト値をfalseに設定する方法は?

<div class="col-xs-6 col-xs-offset-4 col-sm-6 col-sm-offset-4 col-md-7 col-md-offset-3 col-lg-7 col-lg-offset-3 controls test-check"> 
    <input 
     type="checkbox" 
     id="checkbox-1-1" 
     class="regular-checkbox" 
     ng-true-value="true" 
     ng-false-value="false" 
     ng-checked="addUser.isAllOrgSelected" 
     ng-model="addUser.isAllOrgSelected"> 
    <label for="checkbox-1-1"></label>      
    <label class="label-all">{{::'label.all'|translate}}</label>       
</div>    
+1

は、開始時に未定義addUser.isAllOrgSelectedれます?チェックボックスが既に偽であるはずです – Vanojx1

答えて

1

私は、チェックボックスを持っていると私はそれが未チェックFRST時間あるときに誤ったとして、チェックボックスの値を設定します。どのように角度jsでそれを行うには?あなたは誰もがと相互作用する前にfalseにモデルの値を設定したい場合は

:実際には、デフォルトの動作

angular.module('myApp', [])
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app="myApp"> 
 
    <label> 
 
     <input type="checkbox" ng-model="checked"> my checkbox 
 
    </label> Checked: {{ checked | json}} 
 
</div>


編集です

あなたのチェックボックスは、ngControllerで行うことができます:

angular.module('myApp', []) 
 
.controller('ctrl', function() { 
 
    var vm = this 
 
    vm.checked = false 
 
})
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app="myApp"> 
 
    <div ng-controller="ctrl as vm"> 
 
    <label> 
 
     <input type="checkbox" ng-model="vm.checked"> my checkbox 
 
    </label> Checked: {{ vm.checked | json}} 
 
    </div> 
 
</div>

+0

私がチェックボックスに触れる前に何の動作もありません、私はそれが偽であることを望みます。 –

+1

私は私の答えを編集しました。それはあなたが意味することですか? – jbe

+0

これは正しいです.... –

関連する問題