OrchardCore with Angular

[muobeidat]

Hello everyone,
I am using angular and orchard 1.7.2 I have some issue sending JSON to workflow

Angular

{{field.displayText }}

    </div>

    <button type="submit" name="Submit">Submit</button>
</form>
{{this.form.value | json}}

TS
import { HttpClient, HttpErrorResponse } from '@angular/common/http';
import { Component, OnInit } from '@angular/core';
import { FormControl, FormGroup, Validators } from '@angular/forms';
import { Apollo, gql } from 'apollo-angular';

@component({
selector: 'app-forms',
templateUrl: './forms.component.html',
styleUrls: ['./forms.component.css']
})
export class FormsComponent implements OnInit {

formModel :any;

form = new FormGroup({});

constructor(private apollo:Apollo,private http:HttpClient) {}

ngOnInit() {
this.apollo.watchQuery({
query: gql`
query MyQuery {
contact {
flow {
widgets {
contentType
... on Form {
displayText
form {
method
action
}
flow {
widgets {
contentType
displayText
... on Input {
displayText
input {
placeholder
}
}
... on TextArea {
displayText
textArea {
placeholder
}
}
... on Button {
displayText
}
}
}
}
}
}
}
}

  `

}).valueChanges.subscribe((result:any) =>{
  const formss = result.data.contact;
  const flow = formss[0].flow;
  const widgets = flow.widgets;
  this.formModel = widgets[0].flow.widgets;  
    for (const widget of this.formModel) {
    console.log(widget.displayText)
    this.form.addControl(widget.displayText, new FormControl(''));
   }
  });
}

}

onSubmit() {
// Handle form submission
this.AddNewData(this.form.value)
.subscribe({
next: (response:any) => {
console.log("success")
},
error: (err: HttpErrorResponse) => {
console.log(err.message)
}})
}

AddNewData(model:any){
//code?
}
}

how can i send the JSON to workflow to send the email and store into content item

[muobeidat]

I have finally resolved the issue using 'Content-Type': 'application/x-www-form-urlencoded'

AddNewData(model:any){ let body = new URLSearchParams(); body.set('Name', model.Name); body.set('Message', model.Message); let headers=new HttpHeaders({ 'Content-Type': 'application/x-www-form-urlencoded' }) let options = { headers: headers}; return this.http.post('https://localhost:44300/workflows/Invoke?token=Generated Token',body,options) .subscribe({ next: (response:any) => { console.log("success") }, error: (err: HttpErrorResponse) => { console.log(err.message) }}) ;