2017-10-29 7 views
0

私はタイトルとして部署を持ち、サブタイトルとして従業員を持っています。私がしたいのは、ユーザーがタイトルまたは部門をチェックするときに、すべての従業員または字幕がチェックされるべきときです。私はhtmlとng-repeatでfieldsetとtableを使用しています。この問題のように見えますが、主な違いはデータベースからデータを取得することですAngular checklist-model checkboxes with reverse action 私が見逃すものは見つかりません。任意のアイデアを助ける。ありがとう。角度のチェックリストのモデル

HTML

<fieldset id="field3"> 
      <table> 
       <tr ng-repeat="emp in empdepts | groupBy:'dep_LDesc'"> 
        <td> 
         <label ng-click="showContent = !showContent"></label> 
         <details ng-open="showContent"> 
          <summary> <input type="checkbox" class="test" ng-model="check_all_domains" ng-click="toggle_select_all()" /> {{emp[0].dep_LDesc}}</summary> 

          <div ng-repeat="semployee in emp" class="test"> 

           <input type="checkbox" checklist-model="objects_selected" checklist-value="semployee"> 

           {{semployee.Sname}}<div style="display:none;">{{semployee.staffkey}}{{semployee.depkey}}</div> 

           </div> 
         </details> 
        </td> 
       </tr> 
      </table> 
     </fieldset> 

コントローラ

/// <reference path="Scripts/angular.js" /> 

/// ///

Assign.controller("AssignController", function ($scope, Assignments) { 

Loaddepts(); 
function Loaddepts() 
{ 
    Assignments.getdepts().then (function(response){ 

     $scope.depts = (response.data); 
     console.log($scope.depts); 
    }) 

} 

//$scope.employees = []; 
//$scope.checked = { employees: ['semployee'] } 
//$scope.checkAll = function() { 
// $scope.checked.employees = angular.copy($scope.employees); 
//}; 
//$scope.uncheckAll = function() { 
// $scope.checked.employees = []; 
//}; 


//$scope.emp = $scope.empdepts; 
$scope.objects_selected = []; 
$scope.check_all_domains = false; 
$scope.toggle_select_all = function() { 
    $scope.objects_selected = true; 
    //$scope.check_all_domains = true; 
    //$scope.objects_selected = angular.copy($scope.emp); 
    //angular.copy($scope.emp, $scope.objects_selected); 
}; 




LoadEmpDepts(); 
function LoadEmpDepts() 
{ 
    Assignments.getempdepts().then (function (response){ 

     $scope.empdepts = (response.data); 
     console.log($scope.empdepts); 
    }) 
} 


$scope.selectedRow1 = null; // initialize our variable to null 
$scope.setClickedRow1 = function (employee) { //function that sets the value of selectedRow to current index 
    $scope.selectedRow1 = employee; 
} 






$scope.save = function() 
{ 

} 

})。事前に

enter image description here

}

おかげ

+0

この問題を解決するために任意のヘルプやアイデア、ありがとう – Hassan

答えて

0
<table> 
       <tr ng-repeat="e in empdepts | groupBy:'dep_LDesc'"> 
        <td> 
         <label ng-click="showContent = !showContent"></label> 
         <details ng-open="showContent"> 
          <summary><input type="checkbox" ng-model="chk" /> {{e[0].dep_LDesc}}</summary> 

          <div ng-repeat="employee in e"> 
           <input type="checkbox" ng-checked="chk"> {{employee.Sname}} 
          </div> 
         </details> 
        </td> 
       </tr> 
      </table> 
関連する問題