krunallathiya / angular6crudtutorial Goto Github PK

Search ?Have you implemented the search? have any projects with pagination search?

The following code doesn't work:

  addAdUnit(unit_name, unit_price) {
    const obj = {
      unit_name: unit_name,
      unit_price: unit_price
    };
    this.http.post(`${this.uri}/add`, obj)
        .subscribe(res => console.log('Done'));
  }

Despite changed:

this.http.post(${this.uri}/add, obj)
to
this.http.post(${this.uri}/create, obj)

Get console error:

HttpErrorResponse {headers: HttpHeaders, status: 404, statusText: "OK", url: "https://example.com/api/adunit/create", ok: false, …}

Here I am using https not http.

I checked other crud methods, and got the same error for POST, PUT, and DELETE.

GET is working without issues.

I get the following console error which happens for editing (GET/id) when using a url as next: "https://example.com/api/adunit/edit/1",
The Edit form loads but nothing is displayed in the inputs.

Here is the pointed code in Edit template:
:
<input type="text" class="form-control" name="unit_name" formControlName="unit_name" #unit_name [(ngModel)] = "adunit.unit_name"/>

The console error message is:

It looks like you're using ngModel on the same form field as formControlName.
Support for using the ngModel input property and ngModelChange event with
reactive form directives has been deprecated in Angular v6 and will be removed
in Angular v7.

For more information on this, see our API docs here:
https://angular.io/api/forms/FormControlName#use-with-ngmodel

how to deploy this code on webserver