Ionic2：コンポーネントでHttpClientを使用したget要求を定義しません。

Question

サービスを使用してGETリクエストを作成しようとすると、このサービス（data.service.ts）の応答は正常に印刷できますが、コンポーネント、それは未定義ます（send.component.ts）

data.service.ts

import { Injectable } from '@angular/core'; 
import { HttpClient } from '@angular/common/http'; 
import 'rxjs/add/operator/map'] 

@Injectable() 
export class DataService { 

    getBusiness(){ 
     this.http.get('http://127.0.0.1/business').subscribe(data => { 
      this.BUSINESS = data; 
      return this.BUSINESS; 
     }); 
    } 

    constructor(private http:HttpClient){} 

} 

send.component.ts

import { DataService } from '../../app/data.service'; 

@Component({ 
    selector: 'page-send', 
    templateUrl: 'send.html' 
}) 
export class SendPage { 

    constructor(private dataService:DataService) { 
    this.title = navParams.get('title'); 

    console.log(dataService.getBusiness()) 
    } 
} 

JSONレスポンス：

[{ 
    "_id": "5a0cf90cf3de893b000b8e3b", 
    "name": "business2", 
    "boxes": ["dasdsadsdasbox", "dsadajhhgbox"], 
    "users": ["user2"], 
    "deleted": false 
}, { 
    "_id": "5a0cf90cf3de893b321321", 
    "name": "business1", 
    "boxes": ["dasds321321box", "ds321321hgbox"], 
    "users": ["user1"], 
    "deleted": false 
}] 

は、なぜそれが起こるんし、それを修正する方法？

ありがとうございました！コードの下

Answer 1

試してみてください。

data.service.ts

getBusiness(){ 
     return new Promise(resolve => { 
      this.http.get('http://127.0.0.1/business') 
      .subscribe(data => { 
       resolve(data.json()); 
      }); 
     }); 
} 

send.component.ts

constructor(private dataService:DataService) { 
    this.title = navParams.get('title'); 
    dataService.getBusiness().then(res => { 
     console.log('Responce =>'res); 
    }) 
    }