Angular 7,8,9 useful 5 hacks

Hello to all, welcome to therichpost.com. In this post, I will tell you, Angular 7,8,9 useful 5 hacks.

1. Limit string length in angular:

 <p class="card-text">{{item.description | slice:0:100}}...</p>
// This will show first 100 words

2. String replace in Angular:

<p class="card-text">{{item.title.replace(' ','-')}}</p>
// This will replace empty space with -

3. String Lowercase in Angular:

<p class="card-text">{{item.description | lowercase}}</p>

4. Date Format in Angular:

<div class="date">{{item.dateadded | date:'dd'}}<br>{{item.dateadded | date:'MMM'}}</div>
// This will show the date in format what you want

5. Looping in Angular:

 <ul>
   <li *ngFor="let tag of tags; let i = index" [attr.data-index]="i">
       <a href="#">{{tag}}</a>
   </li>
 </ul>
// tags data is coming from angular component and number the tags data will generate same number of li

I will share more in angular and if you have any query then please let me know.

Jassa

Thank you