Angular 5 return object from http post

Question

I'm struggling with passing json from service layer to component and then invoking functions sequentially. Here is what I've already accomplished:

users.service.ts

addUser(user: User) {
    return this.http.post('http://localhost:8080/user/create', user).map(res => res.json());
  }

And then component layer:

async onSubmit(model) {
await new Promise(resolve => {
  setTimeout(() => {
    this.submitted = true;
    this.usersService.addUser(model).subscribe(data => this.savedModel = data);
    resolve();
  }, 500);
});
this.sendNotification();
}

@Output() notifyParent: EventEmitter<any> = new EventEmitter();
sendNotification() {
this.notifyParent.emit(JSON.stringify(this.savedModel));
}

savedModel is undefined. How can I fix this/what am I doing wrong?

EDIT: Top of the component is:

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

groups: Group[];
model: User;
savedModel;

how does your parent component look like, (child tag and TS code related to this) — AVJT82
– AVJT82, Commented Dec 10, 2017 at 9:34

Explosion Pills · Accepted Answer · 2017-12-08 23:13:59Z

1

It seems like addUser may be taking longer than 500 seconds, but rather than create an artificial timer you can emit when user service completes.

onSubmit(modal) {
  this.usersService.addUser(model).subscribe(data => {
    this.savedModel = data;
    this.sendNotification(); // or just .emit here
  });
}

You also don't need to wrap this in a Promise or anything.

answered Dec 8, 2017 at 23:13

Explosion Pills

192k56 gold badges341 silver badges417 bronze badges

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

1 Comment

miki Over a year ago

I don't get it. I did as you suggest and still it's undefined.

Collectives™ on Stack Overflow

Angular 5 return object from http post

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related