Ошибка с AngularJS привязкой CheckBox, флажок не установлен, даже если проверено значение модели

Question

У меня есть код ниже AngularJS

<div >      
<input type="checkbox" ng-model="vehicleDetails.selfOwned"> Owned               
</div>  
<div>
{{vehicleDetails.selfOwned}}    
</div>

Здесь selfOwned - это значение моей модели, которое сбрасывается при печати с использованием

{{vehicleDetails.selfOwned}}    

, но флажок все еще не установлен Придумайте проверено, даже если модель печатает истинное значение.

Answer 1

Попробуйте что-то вроде:

<div>      
<input type="checkbox" ng-model="vehicleDetails.selfOwned" ng-checked="vehicleDetails.selfOwned" ng-click="toggleSelection(value)"> Owned               
</div>  
<div>
{{vehicleDetails.selfOwned}}    
</div>

В вашем контроллере у вас будет:

$scope.toggleSelection(value){
    vehicleDetails.selfOwned = !vehicleDetails.selfOwned;
}