Styjun

Why is there a need to prevent a racist, sexist, or otherwise bigoted vendor from discriminating who they sell to?

Dereferencing a pointer in a 'for' loop initializer creates a segmentation fault

Was the 2019 Lion King film made through motion capture?

Can I call myself an assistant professor without a PhD?

Why did Gandalf use a sword against the Balrog?

A stranger from Norway wants to have money delivered to me

Infeasibility in mathematical optimization models

Visa National - No Exit Stamp From France on Return to the UK

Why does Intel's Haswell chip allow FP multiplication to be twice as fast as addition?

Generator for parity?

How should an administrative assistant reply to student addressing them as "Professor" or "Doctor"?

How quickly could a country build a tall concrete wall around a city?

In reversi, can you overwrite two chips in one move?

How do I explain to a team that the project they will work on for six months will certainly be cancelled?

Author changing name

Look mom! I made my own (Base 10) numeral system!

Drawing complex inscribed and circumscribed polygons in TikZ

What does "sardine box" mean?

As a 16 year old, how can I keep my money safe from my mother?

Why are Gatwick's runways too close together?

Why couldn't soldiers sight their own weapons without officers' orders?

Are any jet engines used in combat aircraft water cooled?

How can a surrogate pass on genes to a fertilized embryo?

What's this thing in a peltier cooler?

Post json data onclick button Angular

Angular HTML bindingHow to detect a route change in Angular?Angular EXCEPTION: No provider for HttpAngular - Set headers for every requestAngular 2 data attributesWhat is the equivalent of ngShow and ngHide in Angular 2+?Angular/RxJs When should I unsubscribe from `Subscription`Huge number of files generated for every Angular projectCould not find module “@angular-devkit/build-angular”Post data to API with or without subscribe

.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty margin-bottom:0;

0

I want to post json data when button click from typescript file

This is typescript file

 type: 'button',
 id: 'save',
 className: 'btn btn-primary save-template',
 events: 
 click: evt => 
 _this.save();
 (<any>config).opts.onSave(evt, _this.data.formData);

 this.formData = new FormData();
 this.formData.append("Form", JSON.stringify(_this.data.formData));
 this.dataService.addItem(this.formData).subscribe(
 data => 

 );
 
 
 ].concat(options.actionButtons);

Here is my service

 addItem(data: FormData) 
 const postForm = new HttpRequest('POST', `$this.API_URL/FormTemplates/PostFormTemplate`, data, 
 reportProgress: true
 );
 return this.httpClient.request(postForm);
 

Error i have face is cannot read property 'addItem' of undefined

Edit

save(stage = null) 
 let _this = this;
 let data = this.data;
 if (!stage) 
 stage = this.d.stage;
 
 let doSave = 
 xml: () => _this.xmlSave(stage),
 json: () =>
 (<any>window).JSON.stringify(_this.prepData(stage), null, 't')
 ;

 // save action for current `dataType`
 data.formData = doSave[(<any>config).opts.dataType](stage);

 // trigger formSaved event
 document.dispatchEvent(events.formSaved);
 return data.formData;
 

angular angular6 angular7

share|improve this question

edited Mar 27 at 9:24

Ronak Dumaniya

asked Mar 27 at 7:43

Ronak DumaniyaRonak Dumaniya

4311 silver badge77 bronze badges

• 
  
  
  

  
  3
  

  
  
  
  
  
  

  
  
  I think in the context you're using the this keyword there's no dataService. Consider saving this before using it (e.g., const that = this;)
  
  – dcg
  Mar 27 at 7:45
  
  

  
  
  
  


• 
  
  
  

  
  3
  

  
  
  
  
  
  

  
  
  Are you injecting dataService in your component. Please post a more complete code example
  
  – ashish.gd
  Mar 27 at 7:45
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  @ashish.gd Yes i have injected service to comonent
  
  – Ronak Dumaniya
  Mar 27 at 8:08
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  It would help if you can share a more complete code example.
  
  – ashish.gd
  Mar 27 at 8:14
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  @ashish.gd _this.data.formData here i got json form data but when it try to call service i got error which i have mention
  
  – Ronak Dumaniya
  Mar 27 at 8:19
  

  
  
  
  

 | 
show 5 more comments

0

I want to post json data when button click from typescript file

This is typescript file

 type: 'button',
 id: 'save',
 className: 'btn btn-primary save-template',
 events: 
 click: evt => 
 _this.save();
 (<any>config).opts.onSave(evt, _this.data.formData);

 this.formData = new FormData();
 this.formData.append("Form", JSON.stringify(_this.data.formData));
 this.dataService.addItem(this.formData).subscribe(
 data => 

 );
 
 
 ].concat(options.actionButtons);

Here is my service

 addItem(data: FormData) 
 const postForm = new HttpRequest('POST', `$this.API_URL/FormTemplates/PostFormTemplate`, data, 
 reportProgress: true
 );
 return this.httpClient.request(postForm);
 

Error i have face is cannot read property 'addItem' of undefined

Edit

save(stage = null) 
 let _this = this;
 let data = this.data;
 if (!stage) 
 stage = this.d.stage;
 
 let doSave = 
 xml: () => _this.xmlSave(stage),
 json: () =>
 (<any>window).JSON.stringify(_this.prepData(stage), null, 't')
 ;

 // save action for current `dataType`
 data.formData = doSave[(<any>config).opts.dataType](stage);

 // trigger formSaved event
 document.dispatchEvent(events.formSaved);
 return data.formData;
 

angular angular6 angular7

share|improve this question

edited Mar 27 at 9:24

Ronak Dumaniya

asked Mar 27 at 7:43

Ronak DumaniyaRonak Dumaniya

4311 silver badge77 bronze badges

• 
  
  
  

  
  3
  

  
  
  
  
  
  

  
  
  I think in the context you're using the this keyword there's no dataService. Consider saving this before using it (e.g., const that = this;)
  
  – dcg
  Mar 27 at 7:45
  
  

  
  
  
  


• 
  
  
  

  
  3
  

  
  
  
  
  
  

  
  
  Are you injecting dataService in your component. Please post a more complete code example
  
  – ashish.gd
  Mar 27 at 7:45
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  @ashish.gd Yes i have injected service to comonent
  
  – Ronak Dumaniya
  Mar 27 at 8:08
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  It would help if you can share a more complete code example.
  
  – ashish.gd
  Mar 27 at 8:14
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  @ashish.gd _this.data.formData here i got json form data but when it try to call service i got error which i have mention
  
  – Ronak Dumaniya
  Mar 27 at 8:19
  

  
  
  
  

 | 
show 5 more comments

I want to post json data when button click from typescript file

This is typescript file

 type: 'button',
 id: 'save',
 className: 'btn btn-primary save-template',
 events: 
 click: evt => 
 _this.save();
 (<any>config).opts.onSave(evt, _this.data.formData);

 this.formData = new FormData();
 this.formData.append("Form", JSON.stringify(_this.data.formData));
 this.dataService.addItem(this.formData).subscribe(
 data => 

 );
 
 
 ].concat(options.actionButtons);

Here is my service

 addItem(data: FormData) 
 const postForm = new HttpRequest('POST', `$this.API_URL/FormTemplates/PostFormTemplate`, data, 
 reportProgress: true
 );
 return this.httpClient.request(postForm);
 

Error i have face is cannot read property 'addItem' of undefined

Edit

save(stage = null) 
 let _this = this;
 let data = this.data;
 if (!stage) 
 stage = this.d.stage;
 
 let doSave = 
 xml: () => _this.xmlSave(stage),
 json: () =>
 (<any>window).JSON.stringify(_this.prepData(stage), null, 't')
 ;

 // save action for current `dataType`
 data.formData = doSave[(<any>config).opts.dataType](stage);

 // trigger formSaved event
 document.dispatchEvent(events.formSaved);
 return data.formData;
 

angular angular6 angular7

share|improve this question

edited Mar 27 at 9:24

Ronak Dumaniya

asked Mar 27 at 7:43

Ronak DumaniyaRonak Dumaniya

4311 silver badge77 bronze badges

 type: 'button',
 id: 'save',
 className: 'btn btn-primary save-template',
 events: 
 click: evt => 
 _this.save();
 (<any>config).opts.onSave(evt, _this.data.formData);

 this.formData = new FormData();
 this.formData.append("Form", JSON.stringify(_this.data.formData));
 this.dataService.addItem(this.formData).subscribe(
 data => 

 );
 
 
 ].concat(options.actionButtons);

 addItem(data: FormData) 
 const postForm = new HttpRequest('POST', `$this.API_URL/FormTemplates/PostFormTemplate`, data, 
 reportProgress: true
 );
 return this.httpClient.request(postForm);
 

save(stage = null) 
 let _this = this;
 let data = this.data;
 if (!stage) 
 stage = this.d.stage;
 
 let doSave = 
 xml: () => _this.xmlSave(stage),
 json: () =>
 (<any>window).JSON.stringify(_this.prepData(stage), null, 't')
 ;

 // save action for current `dataType`
 data.formData = doSave[(<any>config).opts.dataType](stage);

 // trigger formSaved event
 document.dispatchEvent(events.formSaved);
 return data.formData;
 

angular angular6 angular7

angular angular6 angular7

share|improve this question

edited Mar 27 at 9:24

Ronak Dumaniya

asked Mar 27 at 7:43

Ronak DumaniyaRonak Dumaniya

4311 silver badge77 bronze badges

share|improve this question

edited Mar 27 at 9:24

Ronak Dumaniya

asked Mar 27 at 7:43

Ronak DumaniyaRonak Dumaniya

4311 silver badge77 bronze badges

asked Mar 27 at 7:43

Ronak DumaniyaRonak Dumaniya

4311 silver badge77 bronze badges

asked Mar 27 at 7:43

Ronak DumaniyaRonak Dumaniya

4311 silver badge77 bronze badges