<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Angular on Ravindra Devrani</title><link>https://ravindradevrani.com/tags/angular/</link><description>Recent content in Angular on Ravindra Devrani</description><generator>Hugo</generator><language>en-us</language><lastBuildDate>Wed, 18 Feb 2026 13:47:21 +0530</lastBuildDate><atom:link href="https://ravindradevrani.com/tags/angular/index.xml" rel="self" type="application/rss+xml"/><item><title>Applying Project Level Vscode Settings with Angular</title><link>https://ravindradevrani.com/posts/applying-project-level-vscode-settings-in-angular/</link><pubDate>Wed, 18 Feb 2026 13:47:21 +0530</pubDate><guid>https://ravindradevrani.com/posts/applying-project-level-vscode-settings-in-angular/</guid><description>&lt;p>When you work with a team, everyone has their own preferences like double-quotes vs. single-quotes, trailing semicolon or not. If you want to decide a common code format that automatically applied. There are several ways which also comes with angular 21, like &lt;code>prettier&lt;/code>. But you need to run the command for that every time. It is a nice feature. But you can also format code on file save. For that you need to follow these two steps.&lt;/p></description></item><item><title>Ngrx Entity and Effects</title><link>https://ravindradevrani.com/posts/ngrx-entity-and-effects/</link><pubDate>Wed, 19 Feb 2025 22:29:18 +0530</pubDate><guid>https://ravindradevrani.com/posts/ngrx-entity-and-effects/</guid><description>&lt;!-- raw HTML omitted -->
&lt;p>&lt;code>NGRX Entity&lt;/code> gives you an efficient and quick way to
deal with ngrx store related operations, such as
read, write, update, delete. You can focus on productivity, rather than
creating and modifeng complex state everytime. It can be very helpful
when you are dealing with complex state and handling with http services
at the same time.&lt;/p>
&lt;h2 id="what-is-ngrx">What is ngrx ?&lt;/h2>
&lt;p>Ngrx is a state management library, that stores the state globally. Lets
understand some of its components.&lt;/p></description></item><item><title>Angular Autocomlete With Ng Select</title><link>https://ravindradevrani.com/posts/angular-autocomlete-with-ng-select/</link><pubDate>Wed, 19 Feb 2025 21:52:46 +0530</pubDate><guid>https://ravindradevrani.com/posts/angular-autocomlete-with-ng-select/</guid><description>&lt;!-- raw HTML omitted -->
&lt;p>There are various packages available for implementing autocomplete in
angular and we are going to use the simplest one (ng-select).&lt;/p>

 &lt;div style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;">
 &lt;iframe allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen="allowfullscreen" loading="eager" referrerpolicy="strict-origin-when-cross-origin" src="https://www.youtube.com/embed/BysbysXMEro?autoplay=0&amp;amp;controls=1&amp;amp;end=0&amp;amp;loop=0&amp;amp;mute=0&amp;amp;start=0" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0;" title="Angular Autocomlete With Ng Select">&lt;/iframe>
 &lt;/div>

&lt;p>Let&amp;rsquo;s finish talking and need to start write code. Let&amp;rsquo;s install ng-select package from command line&lt;/p>
&lt;p>&lt;code>npm install --save @ng-select/ng-select&lt;/code>&lt;/p></description></item><item><title>Angular pagination with infinite scroll (using ngx-infite-scroll)</title><link>https://ravindradevrani.com/posts/angular-pagination-with-infinite-scroll/</link><pubDate>Wed, 19 Feb 2025 21:24:41 +0530</pubDate><guid>https://ravindradevrani.com/posts/angular-pagination-with-infinite-scroll/</guid><description>&lt;!-- raw HTML omitted -->
&lt;p>&lt;strong>Photo by&lt;/strong> &lt;a href="https://unsplash.com/ko/@azinber?utm_source=unsplash&amp;amp;utm_medium=referral&amp;amp;utm_content=creditCopyText">&lt;strong>&lt;em>Ajda ATZ&lt;/em>&lt;/strong>&lt;/a> &lt;strong>on&lt;/strong> &lt;a href="https://unsplash.com/photos/Dz4iJ3v4-X4?utm_source=unsplash&amp;amp;utm_medium=referral&amp;amp;utm_content=creditCopyText">&lt;strong>&lt;em>Unsplash&lt;/em>&lt;/strong>&lt;/a>&lt;/p>
&lt;p>Sometimes we get a condition where you don’t want to display all the data at once. Initially we display some data, and when we scroll down ,we loads more data. This kind of behaviour you can see in youtube, instagram or facebook. You might even spend much time of your day on just scrolling down. So we are gonna learn how to do that.&lt;/p></description></item></channel></rss>