How to create accordian with checkbox and radio button dynamically?

Hello Sir,
My json
{“titleNodes”:[{“id”:“1”,“title”:“Bun”,“items”:[{“description”:“Bun 1”,“type”:“radio”},{“description”:“Bun 2”,“type”:“radio”}]},{“id”:“2”,“title”:“Chease”,“items”:[{“description”:“Chease 1”,“type”:“checkbox”},{“description”:“Chease 2”,“type”:“checkbox”}]}]}

On my controller
$http({
method: ‘POST’,
url: ‘http://localhost:8080/testMac/TitleServlet’,
// params: {mailID:$base64.encode($rootScope.randomNumbergen+mailID),sessionID:$base64.encode($rootScope.randomNumbergen+sessionID)},
// params: {cusCode:cusCode},
//type:‘JSON’,
headers : { ‘Content-Type’: ‘application/json’ }
}).success(function(data, status, headers, config) {
//alert(“success…”);
$scope.jsonNodes=data;

                            //alert($rootScope.responseArr.toString);
                        }).error(function(data, status, headers, config) {
                             $ionicLoading.hide();
                            $ionicPopup.alert({
                             title:'Unable to perform your request. Server Is temporarily Unreachable ! Please Try Later.',
                                      //template:'From date'
                            })
                        }); 

I want to create accordian like radio button and check button dynamically. my code bellow

Please help me how can i dynamically create accordion using above json.