<?xml version="1.0" encoding="UTF-8"?>
<rss xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:taxo="http://purl.org/rss/1.0/modules/taxonomy/" version="2.0">
  <channel>
    <title>topic Component is loaded before data is available from a service in Alfresco Forum</title>
    <link>https://connect.hyland.com/t5/alfresco-forum/component-is-loaded-before-data-is-available-from-a-service/m-p/6829#M3300</link>
    <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;hello,&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;I am developing an application using ADF and Alfresco Process Services (APS).&lt;/P&gt;&lt;P&gt;I am using &amp;lt;adf-tasklist&amp;gt; component to display tasks for a particuar user.&lt;/P&gt;&lt;P&gt;However, I want to customize the way task list appears by default.&lt;/P&gt;&lt;P&gt;I want to add requester name and some start form field columns. For this reason I used a service to get process instance after we get task data from taskListService. However, service to get process instance is asynchronous. So, taskList component is loaded before the data from process instance service is available.&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;So, how do we prefetch the data from process instance service before component renders the task list view?&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;&lt;IMG class="image-1 jive-image" src="https://connect.hyland.com/legacyfs/online/alfresco/21693_pastedImage_1.png" /&gt;&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;&lt;IMG class="image-2 jive-image" src="https://connect.hyland.com/legacyfs/online/alfresco/21694_pastedImage_2.png" /&gt;&lt;/P&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
    <pubDate>Wed, 27 Jun 2018 19:14:37 GMT</pubDate>
    <dc:creator>nupurkul</dc:creator>
    <dc:date>2018-06-27T19:14:37Z</dc:date>
    <item>
      <title>Component is loaded before data is available from a service</title>
      <link>https://connect.hyland.com/t5/alfresco-forum/component-is-loaded-before-data-is-available-from-a-service/m-p/6829#M3300</link>
      <description>hello,I am developing an application using ADF and Alfresco Process Services (APS).I am using &amp;lt;adf-tasklist&amp;gt; component to display tasks for a particuar user.However, I want to customize the way task list appears by default.I want to add requester name and some start form field columns. For thi</description>
      <pubDate>Wed, 27 Jun 2018 19:14:37 GMT</pubDate>
      <guid>https://connect.hyland.com/t5/alfresco-forum/component-is-loaded-before-data-is-available-from-a-service/m-p/6829#M3300</guid>
      <dc:creator>nupurkul</dc:creator>
      <dc:date>2018-06-27T19:14:37Z</dc:date>
    </item>
    <item>
      <title>Re: Component is loaded before data is available from a service</title>
      <link>https://connect.hyland.com/t5/alfresco-forum/component-is-loaded-before-data-is-available-from-a-service/m-p/6830#M3301</link>
      <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;Simple flag is the first thing that comes to my mind. &lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;PRE class="line-numbers language-markup"&gt;&lt;CODE&gt;&lt;SPAN class="token tag"&gt;&lt;SPAN class="token tag"&gt;&lt;SPAN class="punctuation token"&gt;&amp;lt;&lt;/SPAN&gt;component&lt;/SPAN&gt; &lt;SPAN class="attr-name token"&gt;*ngIf&lt;/SPAN&gt;&lt;SPAN class="attr-value token"&gt;&lt;SPAN class="punctuation token"&gt;=&lt;/SPAN&gt;&lt;SPAN class="punctuation token"&gt;"&lt;/SPAN&gt;!isLoading&lt;SPAN class="punctuation token"&gt;"&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;SPAN class="punctuation token"&gt;&amp;gt;&lt;/SPAN&gt;&lt;/SPAN&gt;...&lt;SPAN class="token tag"&gt;&lt;SPAN class="token tag"&gt;&lt;SPAN class="punctuation token"&gt;&amp;lt;/&lt;/SPAN&gt;component&lt;/SPAN&gt;&lt;SPAN class="punctuation token"&gt;&amp;gt;&lt;/SPAN&gt;&lt;/SPAN&gt;‍&lt;BR /&gt;&lt;SPAN class="token tag"&gt;&lt;SPAN class="token tag"&gt;&lt;SPAN class="punctuation token"&gt;&amp;lt;&lt;/SPAN&gt;progress-spinner&lt;/SPAN&gt; &lt;SPAN class="attr-name token"&gt;*ngIf&lt;/SPAN&gt;&lt;SPAN class="attr-value token"&gt;&lt;SPAN class="punctuation token"&gt;=&lt;/SPAN&gt;&lt;SPAN class="punctuation token"&gt;"&lt;/SPAN&gt;isLoading&lt;SPAN class="punctuation token"&gt;"&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;SPAN class="punctuation token"&gt;&amp;gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;SPAN class="token tag"&gt;&lt;SPAN class="token tag"&gt;&lt;SPAN class="punctuation token"&gt;&amp;lt;/&lt;/SPAN&gt;progress-spinner&lt;/SPAN&gt;&lt;SPAN class="punctuation token"&gt;&amp;gt;&lt;/SPAN&gt;&lt;/SPAN&gt;‍‍‍&lt;SPAN class="line-numbers-rows"&gt;&lt;SPAN&gt;‍&lt;/SPAN&gt;&lt;SPAN&gt;‍&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/CODE&gt;&lt;/PRE&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;And set this flag once you finished loading your data&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;PRE class="language-javascript line-numbers"&gt;&lt;CODE&gt;&lt;SPAN class="keyword token"&gt;this&lt;/SPAN&gt;&lt;SPAN class="punctuation token"&gt;.&lt;/SPAN&gt;isLoading &lt;SPAN class="operator token"&gt;=&lt;/SPAN&gt; &lt;SPAN class="keyword token"&gt;true&lt;/SPAN&gt;&lt;SPAN class="punctuation token"&gt;;&lt;/SPAN&gt;&lt;BR /&gt;&lt;BR /&gt;&lt;SPAN class="token function"&gt;someMethod&lt;/SPAN&gt;&lt;SPAN class="punctuation token"&gt;(&lt;/SPAN&gt;&lt;SPAN class="punctuation token"&gt;)&lt;/SPAN&gt;&lt;SPAN class="punctuation token"&gt;.&lt;/SPAN&gt;&lt;SPAN class="token function"&gt;subscribe&lt;/SPAN&gt;&lt;SPAN class="punctuation token"&gt;(&lt;/SPAN&gt;&lt;SPAN class="punctuation token"&gt;(&lt;/SPAN&gt;&lt;SPAN class="punctuation token"&gt;)&lt;/SPAN&gt; &lt;SPAN class="operator token"&gt;=&lt;/SPAN&gt;&lt;SPAN class="operator token"&gt;&amp;gt;&lt;/SPAN&gt; &lt;SPAN class="punctuation token"&gt;{&lt;/SPAN&gt;&lt;BR /&gt;&amp;nbsp; &lt;SPAN class="comment token"&gt;// do some other stuff&lt;/SPAN&gt;&lt;BR /&gt;&amp;nbsp; &lt;SPAN class="keyword token"&gt;this&lt;/SPAN&gt;&lt;SPAN class="punctuation token"&gt;.&lt;/SPAN&gt;isLoading &lt;SPAN class="operator token"&gt;=&lt;/SPAN&gt; &lt;SPAN class="keyword token"&gt;false&lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN class="punctuation token"&gt;}&lt;/SPAN&gt;&lt;SPAN class="punctuation token"&gt;)&lt;/SPAN&gt;&lt;SPAN class="punctuation token"&gt;;&lt;/SPAN&gt;&lt;SPAN class="line-numbers-rows"&gt;&lt;SPAN&gt;‍&lt;/SPAN&gt;&lt;SPAN&gt;‍&lt;/SPAN&gt;&lt;SPAN&gt;‍&lt;/SPAN&gt;&lt;SPAN&gt;‍&lt;/SPAN&gt;&lt;SPAN&gt;‍&lt;/SPAN&gt;&lt;SPAN&gt;‍&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/CODE&gt;&lt;/PRE&gt;&lt;P&gt;In this case you delay showing the list and display some progress spinner at the same time&lt;/P&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
      <pubDate>Thu, 28 Jun 2018 06:21:09 GMT</pubDate>
      <guid>https://connect.hyland.com/t5/alfresco-forum/component-is-loaded-before-data-is-available-from-a-service/m-p/6830#M3301</guid>
      <dc:creator>dvuika</dc:creator>
      <dc:date>2018-06-28T06:21:09Z</dc:date>
    </item>
    <item>
      <title>Re: Component is loaded before data is available from a service</title>
      <link>https://connect.hyland.com/t5/alfresco-forum/component-is-loaded-before-data-is-available-from-a-service/m-p/6831#M3302</link>
      <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;Thanks for your answer.&lt;/P&gt;&lt;P&gt;I tried to set 'isLoading' to false in my method but the component was not loaded again. So, I thought that component is loaded initially and only once. Is it true?&lt;/P&gt;&lt;P&gt;If not, how to bind component with 'isLoading' property?&lt;/P&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
      <pubDate>Thu, 28 Jun 2018 16:20:27 GMT</pubDate>
      <guid>https://connect.hyland.com/t5/alfresco-forum/component-is-loaded-before-data-is-available-from-a-service/m-p/6831#M3302</guid>
      <dc:creator>nupurkul</dc:creator>
      <dc:date>2018-06-28T16:20:27Z</dc:date>
    </item>
    <item>
      <title>Re: Component is loaded before data is available from a service</title>
      <link>https://connect.hyland.com/t5/alfresco-forum/component-is-loaded-before-data-is-available-from-a-service/m-p/6832#M3303</link>
      <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;I gave just rough example how to achieve what you want. For the details please refer to Angular guides, like &lt;A class="link-titled" href="https://angular.io/api/common/NgIf" title="https://angular.io/api/common/NgIf" rel="nofollow noopener noreferrer"&gt;Angular Docs&lt;/A&gt;&amp;nbsp;&lt;/P&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
      <pubDate>Fri, 29 Jun 2018 06:21:35 GMT</pubDate>
      <guid>https://connect.hyland.com/t5/alfresco-forum/component-is-loaded-before-data-is-available-from-a-service/m-p/6832#M3303</guid>
      <dc:creator>dvuika</dc:creator>
      <dc:date>2018-06-29T06:21:35Z</dc:date>
    </item>
  </channel>
</rss>

