Vòng lặp trong vòng lặp

• Lấy dữ liệu json hiển thị ra lưới
• Format trong angular

 Nguồn là 1 json
1. PhongBan:   MaPB , TenPhongBan
2. NhanVien:   MaNhanVien, MaPB , ChucVu

<div ng-repeat="pb in PhongBan">
    {{pb.MaPB}}"  {{pb.TenPhongBan}}      
     <div ng-repeat="nhanvien in NhanVien| filter: {MaPB:pb.MaPB}">
      {{$index+1}}    {{nhanvien.MaNhanVien}}
     </div>   
</div>

<script>
var app = angular.module('myApp', []);
app.controller('customersCtrl', function($scope, $http) {
    $http.get("/Adminxml/Query_Do.aspx?name=TEN&out=json")
    .then(function (response) {
        $scope.PhongBan =response.data.Q1;       
        $scope.NhanVien =response.data.Q2;    
               
    });
});
</script>

 

Ví dụ

<div style="margin-left:10px;">

    <div ng-repeat="sd_n in SoDo_Nhom" class="m-2 p-2 d-inline" > 

    <i class="fas fa-layer-group"></i> {{sd_n.TenNhomKhuVuc}}

    <hr>

    <div class='row'>

        <div ng-repeat="sd in SoDo | filter: { TenNhomKhuVuc:sd_n.TenNhomKhuVuc  }" class="m-1 p-1 d-inline"  >

            <button  ng-click="hienthihopthoai(sd.TinhTrang)" type="button" class="m-1 btn btn-{{LayTinhTrang(sd.TinhTrang)}}" data-toggle="modal" data-target="#Obj_popup_pIIF" >{{sd.Ten_KhuVuc}} <i class="fas fa-home"></i></button>

        </div>

    </div>

    </div>

</div>

Dữ liệu json:

    $scope.SoDo = response.data.SoDo;

    $scope.SoDo_Nhom = response.data.SoDo_Nhom ;