Pesquisar na Comunidade

Boa noite, estou empacado no meu projeto e preciso de uma ajuda. Estou criando um guia comercial em ionic e angularJS no intel xdk e não estou conseguindo exibir nele as categorias e empresas que estão cadastradas no meu banco de dados. No meu banco de dados tenho 2 tabelas criadas uma com nome Categorias e uma chamada Empresas. Já vasculhei em vários foruns e não encontrei nada que pudesse me dar uma luz. Preciso exibir em meu App as categorias e quando clicar nesta categoria seje exibida todas as empresas nela cadastrada, tipo o exemplo abaixo : Lanchonetes>Lanchonete Teste 1 Lanchonete Teste 2 Lanchonete Teste 3> Dados Lanchonete Teste 3 Segue a conexão do meu banco de dados api : <?php header("Access-Control-Allow-Origin: *"); header("Content-Type: text/html; charset=UTF-8"); $data = file_get_contents("php://input"); $objData = json_decode($data); $dns = "mysql:host=localhost;dbname=loginapp"; $user = 'root'; $pass = ''; $counter = $objData->counter; try { $con = new PDO($dns, $user, $pass); if(!$con){ echo "Não foi possivel conectar com Banco de Dados!"; } $query = $con->prepare('SELECT * FROM empresas LIMIT '.$counter.', 10'); $query->execute(); $out = "["; while($result = $query->fetch()){ if ($out != "[") { $out .= ","; } $out .= '{"id": "'.$result["id"].'",'; $out .= '"nome": "'.$result["nome"].'",'; $out .= '"endereco": "'.$result["endereco"].'",'; $out .= '"descricao": "'.$result["descricao"].'",'; $out .= '"atendimento": "'.$result["atendimento"].'",'; $out .= '"funcionamento": "'.$result["funcionamento"].'",'; $out .= '"telefone": "'.$result["telefone"].'",'; $out .= '"whatsapp": "'.$result["whatsapp"].'",'; $out .= '"email": "'.$result["email"].'",'; $out .= '"senha": "'.$result["senha"].'"}'; } $out .= "]"; echo $out; } catch (Exception $e) { echo "Erro: ". $e->getMessage(); }; Obrigado desde já !