ng-click для флажка, не работающего над загрузкой, его работа на обновление страницы?

Question

Checkbox не работает при загрузке файла, но его работы после обновления страницы

Мои template:

<div class="checkbox"> 
    <label> 
     <input type="checkbox" id="farmCat" class="farmCatCrop" ng-click="valueChangedTwo()"> Crop </label> 
    <label> 
     <input type="checkbox" id="farmLive" class="farmCatLiveStock" ng-click="valueChangedTwo()"> Live Stock </label> 
</div> 

Cash скот

Мои method:

$scope.valueChangedTwo = function() { 
    if ($('.farmCatCrop').is(":checked")) 
     $("#cash").show(); 
    else 
     $("#cash").hide(); 

    if ($('.farmCatLiveStock').is(":checked")) 
     $("#liveField").show(); 
    else 
     $("#liveField").hide(); 
}; 

Answer 1

<div class="checkbox"> 
<label> 
<input type="checkbox" id="farmCat" class="farmCatCrop" ng-model="cat.crop">Crop </label> 
<label> 
<input type="checkbox" id="farmLive" class="farmCatLiveStock" ng-model="cat.livestock">Live Stock </label> 
</div> 

Тогда ...

<div id="cash" ng-show="cat.crop">Cash</div> 
<div id="liveField" ng-show="cat.livestock">Live Stock</div> 

Вы не будете нуждаться в JQuery, так как angularjs может сделать это лучше.