Unreachable code Detected at angular

Question

Watch this code snippet;

this.notificationService.notify(`cadastro feito com sucesso`)  

I created a project in Angular, if it is an Ecommerce system, every time I select a product it can notify the message on screen perfectly using this code snippet above, but when I use this code snippet in an observable method it gives problem.

In this code it works smoothly;

removeItem(item: CartItem) {
      this.items.splice(this.items.indexOf(item), 1)
      this.notificationService.notify(`Você removeu um item ${item.menuItem.name}`);
  }

But this code below does not work;

checkOrder(order: Order): Observable <string> {

  const headers = new Headers()
  headers.append('Content-Type', 'application/json')
  return this.http.post(`${this.url}/orders`, 
           JSON.stringify(order),
            new RequestOptions({ headers: headers }))
            .map(response => response.json())

        this.notificationService.notify(`cadastro feito com sucesso`)  

    }

He give this error message => order.service.ts (55,10): Unreachable code detected.

The error I made is because it has a line of code after a Return.

To notify in a successful reply, simply call the Observable subscribe or use the operator’s. For example, but I don’t know how to modify my code to work despite knowing in theory how to solve.

I need help.

Answer 1

As you said yourself, it does not make the notifty because it is after a Return. To solve, where you call the method checkOrderyou can call notify inside the subscribe.

this.service.checkOrder(parametroquevocepassou)
.subscribe(res => {
   this.notificationService.notify(`cadastro feito com sucesso`)  
})