Home Angular 8 Angular 7,8,9 useful 5 hacks

Angular 7,8,9 useful 5 hacks

by therichpost
Angular 9, Angular 10

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:

   <li *ngFor="let tag of tags; let i = index" [attr.data-index]="i">
       <a href="#">{{tag}}</a>
// 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.


Thank you

You may also like


Vasantha Pandiyan M January 18, 2020 - 1:14 pm

I need a sample project and it should be combination of angular8 node express and mongodb

Ajay Malhotra January 18, 2020 - 4:41 pm

Sure and stay in touc.


Leave a Comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.