title: Return Promise.reject in ionic page
body: <p>I'm calling a service method from inside a component, which returns me a Promise. I want to do different things based on if the promise is resolved or rejected. I'm doing it like this:</p>
  
  <p><strong>the function that calls the service method</strong></p>
  
  <pre><code>onAddProvider() {
    this.userInteraction.addContact(data.email, 'bp').then(
      successMessage =&gt; {
        doSomething();
      },
      failureMessage =&gt; {
        doSomethingElse();
      });
  }
  </code></pre>
  
  <p><strong>the service method</strong></p>
  
  <pre><code>addContact(email: string, type: string) {
    return new Promise((resolve, reject) =&gt; {
      if (!email.match(patterns.email)) {
        return Promise.reject('Bad email address');
      }
  
      let data = {
        to: email,
        from: this.dataStorage.data.id,
        type: type,
        date: new Date().getTime()
      };
  
      this.http.post(`${serverURL}action=sendAddRequest&amp;token=${localStorage['token']}`, JSON.stringify(data))
        .map((res: Response) =&gt; res.text())
        .subscribe(response =&gt; {
          resolve('Request sent');
        });
    });
  }
  </code></pre>
  
  <p>I was expecting the <code>failureMessage</code> function to run when Promise.reject is returned, but instead I get this error in the console:</p>
  
  <pre><code>EXCEPTION: Error: Uncaught (in promise): Bad email address
  </code></pre>