Apollo-AngularのQueryRefとは何か?Zennまさきち🐈‍⬛Apollo-AngularのQueryRefとは何か?2022/03/01に公開AngularGraphQLtechApollo-angularを使用して、サーバーからデータを取得するためにクライアント側の実装を進めていたところ、watchQueryオブジェクトからQueryRefにアクセスしており、QueryRefとは何者??と思い調べたのでメモしておきます。通常のApolloでもデータ連携ができますが、Observableを組み込むことが出来るなどよりAngularに特化して記述することができます。公式ドキュメントhttps://apollo-angular.com/docs/QuerieswatchQueryメゾットを使用して、gqlに記載したidとtitleを読み込みます。}}ここで、watchQueryメゾットからObservableを読み込むvalueChangesイベントを呼び出しています。このwatchQueryを辿って意味ると、QueryRefオブジェクトを呼び出していることが分かります。cache.)ApolloClientのwatchQueryメゾットでもObservableを返せますが、RxJS用に使用する以外にも、refetch()など様々なメゾットが格納されています。AngularのObservableで必要なのはsubscribe()のみである為、QueryRefを新たに用意して、valueChangesを格納した様です。・}QueryRefをさらに辿ると確かに、valueChangesがありました。これでObservableな値を読み込んでいることが分かりました。まさきちフロントエンドエンジニアJavaScript/TypeScript/Vue.js/Nuxt.js/Angular/Node.js/Electron/MySQLバッジを贈って著者を応援しようバッジを受け取った著者にはZennから現金やAmazonギフトカードが還元されます。Proよくある質問LinksX(Twitter)GitHubメディアキットLegal利用規約プライバシーポリシ。