角度2通過値

Question

サービス内の機能：

getUserInfo() { 
    this.af.authState.subscribe(authData => { 
     let email = authData.email; 
     let array = this.database.list('registeredUsers', { 
     query: { 
     orderByChild: 'email', 
     equalTo: email 
     } 
     }).subscribe(data => { 
     let userFName = data[0].firstName; 
     }); 
    }); 
    } 

コンポーネント：

ngOnInit() { 
    this.afService.getUserInfo(); 
    } 

機能自体は素晴らしい作品が、どのように私はlet userFName変数が内で使用されるように渡します成分？

Answer 1

あなたが望むように聞こえるのは、これを注射可能なサービスにすることです。これにより、どのコンポーネントからでも呼び出すことができます。

返す新しい約束事を作成するのが最適です。これは、database.listの呼び出しが解決されると解決できます。

@Injectable() 
export class MyService() { 
    public userFName; 

    getUserInfo() { 
     // return a new promise, which you resolve once you get the data 
     return new Promise((resolve, reject) => { 
      this.af.authState.subscribe(authData => { 
       let email = authData.email; 
       let array = this.database.list('registeredUsers', { 
       query: { 
        orderByChild: 'email', 
        equalTo: email 
       } 
       }).subscribe(data => { 
        let userFName = data[0].firstName; 

        // resolve promise with username 
        resolve(userFName); 
       }); 
      }); 
     }); 
    } 
} 

とコンポーネント

@Component({ 
    providers: [MyService] 
)} 
export class MyComponent { 
    constructor(private myService: MyService) { 
     myService.getUserInfo().then(userFName => { 
      console.log('userFName =', userFName); 
     }); 
    } 
} 

Answer 2

あなたが@angular/httpあなたのHTTP要求を使用している場合rxjs/Observableを返す必要があります。そしてあなたがそれを購読すれば、それは購読を返します。サブスクリプションクラスの再登録はできません。

import {Observable} from "rxjs"; 
@Injectable() 
export class MyService() { 

    public userFName; 
    getUserInfoPromise():Observable<MyResponseType> { 
     let someObservable = this.someApi.someRequestPOST(request).mergeMap((response:MyResponsType) => { 
     //you can process the response data here before components use it 
       this.userFName = response.userFName; 
       return new Promise(resolve => resolve(response)); 
     }); 
     return someObservable; 
    } 
} 

あなたのコンポーネントでは、この方法でサブスクリプションチェーンに参加するだけです。

this.myService 
      .getUserInfoPromise(requestData) 
      .subscribe(
       (res: MyResponseType) => { 

       }, (error) => { 

       });