<div>
What about :<br />

<pre><code id="code-20-42433250-1">ngOnInit() {

	var p = new Promise((resolve, reject) =&gt; {
		this.data = this.apollo.query({ query: ResidentQuery }).subscribe(({data, loading}) =&gt; {
			resolve(data,loading);
		});
	});

	this.loading = loading;

	p.then((_data, _loading) =&gt; {
		this.loading = !loading;
		// using _data
	});

}</code></pre>
</div>


What about :


ngOnInit() {

	var p = new Promise((resolve, reject) => {
		this.data = this.apollo.query({ query: ResidentQuery }).subscribe(({data, loading}) => {
			resolve(data,loading);
		});
	});

	this.loading = loading;

	p.then((_data, _loading) => {
		this.loading = !loading;
		// using _data
	});

}

<div>
<div class="content wysiwyg-content">
I have the following code :<br />
<br />
&nbsp; ngOnInit() {<br />
<br />
&nbsp; &nbsp; this.data = this.apollo.query({ query: ResidentQuery }).subscribe(({data, loading}) =&gt; {<br />
&nbsp; &nbsp; &nbsp; this.data = data;<br />
&nbsp; &nbsp; &nbsp; this.loading = loading;<br />
&nbsp; &nbsp; });<br />
<br />
&nbsp; &nbsp; if (!this.loading) {<br />
&nbsp; &nbsp; &nbsp; // using this.data<br />
&nbsp; &nbsp; }<br />
&nbsp; &nbsp;}<br />
I want data to be loaded before processed themm after the (!this.loading). It is not the case as loading is asynchronous. How I can wait the data is loaded before using them ?<br />
<br />
I am making a graphql query using apollo client. ResidentQuery is a string containing the graphql query.<br />
<br />
Thank you for your feedbacks !
</div>
</div>


I have the following code :

  ngOnInit() {

    this.data = this.apollo.query({ query: ResidentQuery }).subscribe(({data, loading}) => {
      this.data = data;
      this.loading = loading;
    });

    if (!this.loading) {
      // using this.data
    }
   }
I want data to be loaded before processed themm after the (!this.loading). It is not the case as loading is asynchronous. How I can wait the data is loaded before using them ?

I am making a graphql query using apollo client. ResidentQuery is a string containing the graphql query.

Thank you for your feedbacks !

how to wait a graphql query is finished using apollo?

JavaScript is a dynamic, object-based language commonly used for client-side scripting in web browsers. Recently, server side JavaScript frameworks have also emerged. JavaScript runs on nearly every operating system and  in almost every mainstream web browser.