Delete data in Angular2 app in PHP

Question

How would one delete data from a MySql database using PHP code in an Angular2 application? The closest advice is for Angular 1 and is as follows:

$scope.deleteProduct = function(id){

    // ask the user if he is sure to delete the record
    if(confirm("Are you sure?")){
        // post the id of product to be deleted
        $http.post('delete_product.php', {
            'id' : id
        }).success(function (data, status, headers, config){

            // tell the user product was deleted
            Materialize.toast(data, 4000);

            // refresh the list
            $scope.getAll();
        });
    }
}

Is it possible to use the post method similarly:

import { Injectable } from '@angular/core';
import { Http, Response, Headers } from '@angular/http';
import 'rxjs/Rx';

@Injectable()
export class HttpService {

  constructor(private  http: Http) {}

  deleteData() {
    return this.http.post('delete_record.php')         
  }
}

Any insight/experience with Angular2/PHP would be appreciated.

Kristoffer Berge · Accepted Answer · 2016-07-20 06:18:31Z

3

Yes, the http post works similarly in angular2. Since you want to use post, i guess you also want to add a body to the request.

import { Injectable } from 'angular/core';
import { Http } from 'angular/http';

@Injectable()
export class HttpService {

  constructor(private  http: Http) {}

  deleteData(data: SomeObject) {
    let url = "delete_record.php";
    let body = JSON.stringify(data);

    return this.http.post(url, body)
       .subscribe(
          result => console.log(result),
          error => console.error(error)
       );
  }
}

You can also send a delete request, which would be "best practice".

 return this.http.delete(url)
        .subscribe(
           result => console.log(result),
           error => console.error(error)
        });

More about the http-client here https://angular.io/docs/ts/latest/guide/server-communication.html

edited Jul 20, 2016 at 6:18

answered Jul 19, 2016 at 9:47

Kristoffer Berge

1,0862 gold badges20 silver badges38 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Delete data in Angular2 app in PHP

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related