角2 - '呼び出し'コンポーネントのhttpエラーを購読できますか？

Question

サービスからエラーを取得できません。 コンポーネントがサービスを呼び出しているため、返される可能性のあるエラーをサブスクライブします。しかし、私は呼び出すメソッドを購読することは許されていないようです。

コンポーネントで

public getMethods(v) { 
    if(v != null) { 
     return this._http.get('http:localhost/testservice', { 
      method: 'GET', 
      headers: new Headers([ 
       'Accept', 'application/json', 
       'Content-Type', 'application/json' 
      ]) 
     }) 
     .map(res => (res.json())) 
     .map((method: any) => { 
      if(method) { 
       let result: Array<string> = []; 
       var list = method.List; 

       list.forEach(v => { 
        result.push(v); 
       }) 
       return result; 
      } 
     }) 
     .subscribe(data => { 
      this._dataStore.mn= data; 
      this._mnObserver.next(this._dataStore.mn); 
     }, 
     error => { 
      **// I want to retrieve this error in the 'calling' component** 
      return error; 
     }); 
    } 
    else { 
     console.error("Get names. V was null"); 
    } 

： これは動作しません：

this._mnService.getMethods(v), error => { 
     alert("error in da house"); 
}; 

これは動作しません：

this._mnService.getMethods(v).subscribe(error => { 
     alert("error in da house"); 
}); 

ので、仕事だろうか？ ありがとう！

public getMethods(v) { 
    if(v != null) { 
    return this._http.get('http:localhost/testservice', { 
     method: 'GET', 
     headers: new Headers([ 
      'Accept', 'application/json', 
      'Content-Type', 'application/json' 
     ]) 
    }) 
    .map(res => (res.json())) 
    .map((method: any) => { 
     if(method) { 
      let result: Array<string> = []; 
      var list = method.List; 

      list.forEach(v => { 
       result.push(v); 
      }) 
      return result; 
     } 
    }); 
    } else { 
    console.error("Get names. V was null"); 
    } 
} 

この道を観測可能に加入したときにエラーが表示されます：あなたのコードに少し奇妙である

this._mnService.getMethods(v).subscribe((data) => { 
    }, error => { 
    alert("error in da house"); 
    }); 

何あなたが少しあなたの方法をリファクタリングする必要があります:)

Answer 1

getMethodsメソッドで購読しているということです。したがって、あなたは要求のための観測可能性を返すのではなく、サブスクリプションを返します。

応答があるときに_mnObserverをトリガーしたい場合は、代わりにdo演算子を利用できます。ここにサンプルがあります：

public getMethods(v) { 
    if(v != null) { 
    return this._http.get('http:localhost/testservice', { 
     method: 'GET', 
     headers: new Headers([ 
      'Accept', 'application/json', 
      'Content-Type', 'application/json' 
     ]) 
    }) 
    .map(res => (res.json())) 
    .map((method: any) => { 
     if(method) { 
      let result: Array<string> = []; 
      var list = method.List; 

      list.forEach(v => { 
       result.push(v); 
      }) 
      return result; 
     } 
    }) 
    .do(data => { // <------- 
     this._dataStore.mn= data; 
     this._mnObserver.next(this._dataStore.mn); 
    }); 
    } else { 
    console.error("Get names. V was null"); 
    } 
}