Modulito Angular

moduleAngulas.js

var angularMain = angular.module('angularMain', []);

function barrioController($scope, $http) {
    $scope.formData = {};

    // Cuando se cargue la página, pide del API todos los TODOs
    $http.get('api/barrios')
        .success(function(data) {
            $scope.todos = data;
            console.log(data)
        })
        .error(function(data) {
            console.log('Error: ' + data);
        });

    // Cuando se añade un nuevo TODO, manda el texto a la API
    $scope.createTodo = function(){
        $http.post('api/barrios', $scope.formData)
            .success(function(data) {
                $scope.formData = {};
                $scope.todos = data;
                console.log(data);
            })
            .error(function(data) {
                console.log('Error:' + data);
            });
    };

    // Borra un TODO despues de checkearlo como acabado
    $scope.deleteTodo = function(id) {
        $http.delete('api/barrios/' + id)
            .success(function(data) {
                $scope.todos = data;
                console.log(data);
            })
            .error(function(data) {
                console.log('Error:' + data);
            });
    };
}
angularMain.directive("displayStone",function(){
    return function(scope, element, attrs){
        debugger;
        //scope=local scope , element is dom and attrs is attributes of it.
        $(element).popover({"trigger": 'hover'});    
    }
})

function mainController($scope, $http) {
    $scope.formData = {};

    // Cuando se cargue la página, pide del API todos los TODOs
    $http.get('api/barrios/')
        .success(function(data) {
            $scope.todos = data;
            debugger;
            console.log(data)
        })
        .error(function(data) {
            console.log('Error: ' + data);
        });
    $scope.showWindow = function(id){
        $("#myModal").find("#myModalLabel").html(this.todo.nombre);
        $http.get('api/delitos/'+String(id))
            .success(function(data) {
                $scope.delitos = data;
                console.log(data);
            })
            .error(function(data) {
                console.log('Error: ' + data);
            });
        $http.get('api/edades/'+String(id))
            .success(function(dat) {
                 // Create the data table.
                var data = new google.visualization.DataTable();
                data.addColumn('string', 'Topping');
                data.addColumn('number', 'Slices');
                data.addRows(dat);

                // Set chart options
                var options = {'title':'Delitos cometidos por edades',
                               'width':200,
                               'height':300};

                // Instantiate and draw our chart, passing in some options
                var chart = new google.visualization.PieChart(document.getElementById('chart_div'));
                chart.draw(data, options);
                console.log(data);
            })
            .error(function(data) {
                console.log('Error: ' + data);
            });
        $http.get('api/generos/'+String(id))
            .success(function(dat) {
                 // Create the data table.
                var data = new google.visualization.DataTable();
                data.addColumn('string', 'Topping');
                data.addColumn('number', 'Slices');
                data.addRows(dat);

                // Set chart options
                var options = {'title':'Delitos cometidos por Genero',
                               'width':200,
                               'height':300};

                // Instantiate and draw our chart, passing in some options.
                var chart = new google.visualization.PieChart(document.getElementById('chart_div_genero'));
                chart.draw(data, options);
                console.log(data);
            })
            .error(function(data) {
                console.log('Error: ' + data);
            });
        $http.get('api/lesionados/'+String(id))
            .success(function(dat) {
                 // Create the data table.
                var data = new google.visualization.DataTable();
                data.addColumn('string', 'Topping');
                data.addColumn('number', 'Slices');
                data.addRows(dat);

                // Set chart options
                var options = {'title':'Delitos cometidos con Lesionados',
                               'width':200,
                               'height':300};

                // Instantiate and draw our chart, passing in some options.
                var chart = new google.visualization.PieChart(document.getElementById('chart_div_lesionados'));
                chart.draw(data, options);
                console.log(data);
            })
            .error(function(data) {
                console.log('Error: ' + data);
            });
        $http.get('api/aprehendidos/'+String(id))
            .success(function(dat) {
                 // Create the data table.
                var data = new google.visualization.DataTable();
                data.addColumn('string', 'Topping');
                data.addColumn('number', 'Slices');
                data.addRows(dat);

                // Set chart options
                var options = {'title':'Delitos cometidos y Aprendidos',
                               'width':200,
                               'height':300};

                // Instantiate and draw our chart, passing in some options.
                var chart = new google.visualization.PieChart(document.getElementById('chart_div_aprehendidos'));
                chart.draw(data, options);
                console.log(data);
            })
            .error(function(data) {
                console.log('Error: ' + data);
            });
        $http.get('api/reincidentes/'+String(id))
            .success(function(dat) {
                 // Create the data table.
                var data = new google.visualization.DataTable();
                data.addColumn('string', 'Topping');
                data.addColumn('number', 'Slices');
                data.addRows(dat);

                // Set chart options
                var options = {'title':'Delitos cometidos por Reincidencia',
                               'width':200,
                               'height':300};

                // Instantiate and draw our chart, passing in some options.
                var chart = new google.visualization.PieChart(document.getElementById('chart_div_reincidentes'));
                chart.draw(data, options);
                console.log(data);
            })
            .error(function(data) {
                console.log('Error: ' + data);
            });
        $http.get('api/delitos_gr/'+String(id))
	        .success(function(dat) {
                 // Create the data table.
                var data = new google.visualization.DataTable();
                data.addColumn('string', 'Topping');
                data.addColumn('number', 'Slices');
                data.addRows(dat);

                // Set chart options
                var options = {'title':'Delitos',
                               'width':200,
                               'height':300};

                // Instantiate and draw our chart, passing in some options.
                var chart = new google.visualization.PieChart(document.getElementById('chart_div_delitos_gr'));
                chart.draw(data, options);
	            console.log(data);
	        })
	        .error(function(data) {
	            console.log('Error: ' + data);
	        });
        $("#myModal").modal({"trigger": 'click'});
    };
}