How to items into json file using angular

See more:

JSON

HttpModule

Typescript

, +

Hello,
I have a Json file in wwwroot/assets folder. I am using that file in the service to display data. I am trying to insert another record to that Json file. I have used the same url but when it posts the data from the service, it errors "failed to load the resource". I tried opening the url from the error and it opens the Json file and displays the values from the json file.

What I have tried:

Url for the service:

private url = '/assets/accounts/account-details.json';

Service method:

createService(param: AccountDetails): Observable<accountdetails> {
    let headers = new Headers({ 'Content-Type': 'application/json' });
    let body = JSON.stringify(param);
    let options = new RequestOptions({ headers: headers });
    return this.http
      .post(this.url, body, options)
      .map(this.extractData)
      .catch(this.handleError);
  }

Invoke from component:

createAccountDetail() {
    let acd: AccountDetails[] = [{
      accountNumber: "23459501", tranDate: "09-Apr-2018", tranDetails: "ATM Withdraw", tranType: "Debit", tranAmount: 100.00, balance: 100
    }];
    let accountDetail = acd[0];

    this.accountService.createService(accountDetail)
      .subscribe(
      result => console.log(result),
      error => this.errorMessage = <any>error
      );   
}