결과 유형을 표시하려면 ngClick 또는 ngChecked와 함께 입력 유형 확인란에 $ scope 함수를 사용하십시오.

Question

확인란을 클릭하면 결과를 표시하려고합니다. 그 때문에 나는 ng-click으로 해봤지만 선택하지 않은 경우에만 결과를 반환합니다.

여기 내 코드입니다 :

HTML :

<div class="business-type"> 
      <div class="col-sm-12 filter-wrap-inner"> 
       <label for="rad1" ><input type="checkbox" name="reason-closing" value="Transporter" id="ad_Checkbox1" class="ads_Checkbox" ng-model="isTransporterSelected" ng-change="searchUser()"> Transporter</label> 
      </div> 
      <div class="col-sm-12 filter-wrap-inner"> 
       <label for="rad1" ><input type="checkbox" name="reason-closing" value="Broker" id="ad_Checkbox1" class="ads_Checkbox" ng-model="isBrokerSelected" ng-change="searchUser()">Broker</label> 
      </div>      
      <div class="col-sm-12 filter-wrap-inner"> 
       <label for="rad1" ><input type="checkbox" name="reason-closing" value="Fleet Owner" id="ad_Checkbox1" class="ads_Checkbox" ng-model="isFleetownerSelected" ng-change="searchUser()">Fleet Owner</label> 
      </div> 
     </div> 

JS: 

$scope.isTransporterSelected = false; 
$scope.isBrokerSelected = false; 
$scope.isFleetownerSelected = false 

$scope.searchUser = function(){ 
    $('.load-board-loader').show(); 
    var i; 
    var containCount= 41; 
    var vFromStateId = vToStateId = fromStateId = toStateId = ''; 
    var stateId=[]; 
    var $el=$("#usersearch-origin"); 
    $el.find('option:selected').each(function(){ 
     stateId.push({value:$(this).val(),text:$(this).text()}); 
    }); 

    var originId=[]; 
    var $el=$("#usersearch-source"); 
    $el.find('option:selected').each(function(){ 
     originId.push({value:$(this).val(),text:$(this).text()}); 
    }); 
    for(i=0;i<(stateId.length);i++) 
    { 
    if(i==0) 
    { 
     fromStateId = stateId[i].value; 
    } 
    else{ 
     fromStateId = fromStateId+','+stateId[i].value; 
    } 
    } 

    for(i=0;i<(originId.length);i++) 
    { 
    if(i==0) 
    { 
     toStateId = originId[i].value; 

    } 
    else{ 
     toStateId = toStateId+','+originId[i].value; 
    } 
    } 

    vFromStateId = fromStateId ; 
    vToStateId = toStateId ; 
    var data ={ 
    fromStateIds: vFromStateId, 
    toStateIds: vToStateId, 
    typeOfBusiness: businessTypeValue, 
    vehicleClassIds: truckTypeValue, 
    orgName: '', 
    } 
    var url = 'url.com'; 
    //if(vFromStateId != '' || vToStateId != ''){ 
    $.ajax({ 
    url: url, 
    type: "POST", //Use "PUT" for HTTP PUT methods 
    dataType: 'json', 
    data: data, 
    success:function(response){ 
     if ($scope.isTransporterSelected || $scope.isBrokerSelected || $scope.isFleetownerSelected) { 
     debugger 
     $scope.users = response.directory; 
     for(var j= 0; j<response.directory.length; j++){ 
     } 
     $scope.$apply(); 
     $('.load-board-loader').hide(); 
     } else { 
     $scope.users = response.directory; 
     for(var j= 0; j<response.directory.length; j++){ 
     } 
     $scope.$apply(); 
     $('.load-board-loader').hide(); 
     } 

    }, 
    error: function(error){ 
     alert("Sorry , No data available"); 
    } 
    }); 

나는이 질문에 아래의 의견에 따라 최신 코드로 내 코드를 업데이트하고 있습니다. 변경해야 할 부분을 알려주십시오. 이것에 대한 도움이 될 것입니다.

Answer 1

당신은 사용자가 내가 당신의 코드를 시도 ngClick

(function(angular) { 
 
    'use strict'; 
 
    angular.module('myApp', []) 
 
    .controller('Controller', ['$scope', function($scope) { 
 
     $scope.isTransporterSelected = false; 
 
     $scope.searchUser = function() { 
 
     //For debugging 
 
     console.clear(); 
 

 
     if ($scope.isTransporterSelected) { 
 
      console.log('Transporter selected search student') 
 
     } else { 
 
      console.log('Transporter deselected donot search student') 
 
     } 
 
     } 
 
    }]); 
 
})(window.angular);

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.7/angular.min.js"></script> 
 
<div ng-app="myApp"> 
 
    <div ng-controller="Controller as nb"> 
 
    <label><input type="checkbox" ng-model="isTransporterSelected" value="Transporter" ng-change="searchUser()" > Transporter</label> 
 
    </div>