<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: RJ Skhosana</title>
    <description>The latest articles on DEV Community by RJ Skhosana (@rj_skhosana).</description>
    <link>https://dev.to/rj_skhosana</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F529629%2Fae9e33da-a9cd-4455-aa11-56ed9f3defb5.jpg</url>
      <title>DEV Community: RJ Skhosana</title>
      <link>https://dev.to/rj_skhosana</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/rj_skhosana"/>
    <language>en</language>
    <item>
      <title>Infinite Scroll using Angular</title>
      <dc:creator>RJ Skhosana</dc:creator>
      <pubDate>Fri, 19 Apr 2024 10:31:49 +0000</pubDate>
      <link>https://dev.to/rj_skhosana/infinite-scroll-using-angular-52mg</link>
      <guid>https://dev.to/rj_skhosana/infinite-scroll-using-angular-52mg</guid>
      <description>&lt;p&gt;Hi all, got a quick question regarding infinite scroll in angular.&lt;br&gt;
I've implemented it, however it keeps duplicating the same api call multiples times. When removing the for-loop it doesn't seem to work. Is there a workaround this?&lt;/p&gt;

&lt;p&gt;Here's the code below:&lt;br&gt;
infinite-scroll.service.ts&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;    companyConversations: DtoCompanyResponse[];

    getItemsCompany(page = 1, itemsPerPage = 10): Observable&amp;lt;DtoCompanyResponse[]&amp;gt; {
        const startIndex = (page - 1) * itemsPerPage;
        const endIndex = startIndex + itemsPerPage;
        this.companyConversations = [];
        for (let i = startIndex; i &amp;lt; endIndex; i++) {
            const bankerRequestObject = {
                bankerUsername: sessionStorage.getItem("msal.usrname"),
                isChat: true,
                teamId: Number(this.teamId),
                pageNumber: page,
                searchParam: ""
            };

            this.conversationService.getCompanyConversations(bankerRequestObject)
                .subscribe((response: DtoBankerConversationCompanyResponse[]) =&amp;gt; {
                    this.companyConversations = response;
                });
        }
        return of(this.companyConversations).pipe();
    }

&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



</description>
    </item>
    <item>
      <title>Backbase integration</title>
      <dc:creator>RJ Skhosana</dc:creator>
      <pubDate>Tue, 13 Sep 2022 10:57:56 +0000</pubDate>
      <link>https://dev.to/rj_skhosana/backbase-integration-154i</link>
      <guid>https://dev.to/rj_skhosana/backbase-integration-154i</guid>
      <description>&lt;p&gt;Hello, I'm looking to integrate backbase to our angular project but I'm not quite familiar with it.&lt;br&gt;
Anyone who has worked with it before? &lt;/p&gt;

</description>
    </item>
    <item>
      <title>Angular 9 Dev question(openshift in the mix)</title>
      <dc:creator>RJ Skhosana</dc:creator>
      <pubDate>Thu, 18 Aug 2022 12:35:00 +0000</pubDate>
      <link>https://dev.to/rj_skhosana/angular-9-dev-questionopenshift-in-the-mix-1g5b</link>
      <guid>https://dev.to/rj_skhosana/angular-9-dev-questionopenshift-in-the-mix-1g5b</guid>
      <description>&lt;p&gt;Howzit everyone,&lt;br&gt;
Got this piece of code that runs well on when launching the angular application locally from VS Code.. however the live project is hosted on Openshift container environment.&lt;/p&gt;

&lt;p&gt;&lt;code&gt;getBankerTeamType() {//debugger&lt;br&gt;
    let teamType = this.teamType?.toString();&lt;br&gt;
    if(typeof teamType !== 'undefined' &amp;amp;&amp;amp; teamType){&lt;br&gt;
      teamType = teamType?.charAt(0).toUpperCase() + &lt;br&gt;
     teamType?.slice(1);&lt;br&gt;
      return teamType;&lt;br&gt;
    }&lt;br&gt;
    return;&lt;br&gt;
  }&lt;/code&gt;&lt;/p&gt;

&lt;p&gt;So on the live environment I get this error:&lt;br&gt;
&lt;em&gt;ERROR TypeError: Cannot read properties of undefined (reading 'toString')&lt;br&gt;
    at e.getBankerTeamType&lt;/em&gt;&lt;br&gt;
Any idea what the issue might be?&lt;/p&gt;

</description>
    </item>
  </channel>
</rss>
