How to delete data using angular, php and ui-route?

Question

I am trying to make a method to delete a record from the bank and the following message seems on the console:

GET http://localhost:8888/systems/systems_web/Vigilantescomunitarios/admin/php/apagaPais.php? idPais=Undefined 500 (Internal Server Error)

I’m using angular ui-router.

Follow my codes:

html:

<table width="200">
    <tr>
        <td><b>País</b></td>
        <td><b>Sala</b></td>
    </tr>
    <tr ng-repeat="pais in paises">
        <td>{{pais.nome}}</td>
        <td>{{pais.sala}}</td>
        <td><a ui-sref="editarPais({idPais: pais.idPais})">[ ]</a></td>
        <td><a ng-click="apagarPais(pais.idPais)">[x]</a></td>
    </tr>
</table>

Angular:

app.controller("PaisesController", function ($scope, $http, $stateParams, $state) {

$scope.apagarPais = function (pais) {
    console.log("id "+pais);
    $http.get("admin/php/apagaPais.php?idPais="+pais)
    .success(function (data, status){
        console.log(data);
        carregaPaises();
    });
};

carregaPaises();

});

php:

include_once("conexao.php");
$pdo = conectar();

$id = $_POST['idPais'];
print_r($id);

$apagaPais=$pdo->prepare("DELETE FROM paises WHERE idPais=:id");
$apagaPais->bindValue(":id", $id);
$apagaPais->execute();

Answer 1

You need to inform PHP which ID should be removed, for that you need to SEND the angular ID to PHP.

Use $http.post instead of $http.get.

Another observation, the method .then() will only work if you have a promise being returned, which is not the case of the method .get. The error may be so, but still the deletion will not work.