返り値を受け取れない

Question

すみません…ある実行結果を受け取る関数を作っている初心者です。
その関数の実行結果をreturnで受け取りたいんですが値が返ってこなくて困っています。
デバッグで確認したところどうやらreturn時点で中身が空っぽになってしまい値を取得する事が出来ていませんでした。
ためしに、値が返ってくるresult.data.names時点にreturnをおいても結果かわらず、、。

どのようにして空っぽにならずに値を受け取ることができるのでしょうか？

[この時点ではまだ値がある]

[次の処理では値が消えてる]

■ myDB.ts

import { Apollo } from 'apollo-angular';
import gql from 'graphql-tag';
import { Name } from './name';

export class MyDB {

  constructor(private apollo: Apollo) {}

    names: Name[]
  
    // 取得
    public Get(): Name[] {
      this.apollo
      .watchQuery<any>({query: gql`{ names {id name}}`})
      .valueChanges.subscribe(result => {
        this.names = result.data.names;
      });
      console.log(this.names)
      return this.names
    }

}

試したこと
■ myDB.ts ＊ returnの場所を変えても変わりませんでした。

    public Get(): Name[] {
      this.apollo
      .watchQuery<any>({query: gql`{ names {id name}}`})
      .valueChanges.subscribe(result => {
        return result.data.names;
      });
    }

すみませんがご教示いただければと思います、、。

Answer 1

subscribe()のところが非同期になっているのでは。
Get()メソッドで引数にコールバック用の関数を受け取って、returnする代わりにコールバック用の関数に値を突っ込んでみてはいかがでしょうか。

(2019/7/14追記)

public Get (callback : Function) {
    this.apollo
        .watchQuery<any>({query: gql`{ names {id name}}`})
        .valueChanges.subscribe(result => {
            callback (result.data.names);
    });
}

こんな感じにして、下記のように取得してください。

myDB.Get(function (result: Name[]) {
    console.log(result);
})

Comments

[inukujira]

yukke_さんありがとうございます。
回答いただいた内容を参考に自分なりに調べて試行錯誤していますがなかなか実装できてません、、。

// 取得（ダメ）
async Get(){
let names = await this.apollo
.watchQuery<any>({query: gql`{ names {id name}}`})
.valueChanges.subscribe(result => {
names = result.data.names;
});
return names
}

もし可能あればもう少し具体的にやり方をご教示いただけないでしょうか？；；；

[退会済みユーザー]

こちらに書くと崩れるので、回答に追記しました。

Answer 2

yukke_さんありがとうございます!
回答頂きました内容で呼び出し元のmyDB.Getより値を取得する事ができました；；

ほんとうにありがとうございます！！！
大感謝です！