VOOZH about

URL: https://www.geeksforgeeks.org/angular-js/how-to-create-a-hyperlink-for-values-from-an-array-in-angular-8/

⇱ How to create a hyperlink for values from an array in Angular 8? - GeeksforGeeks


  • Courses
  • Tutorials
  • Interview Prep

How to create a hyperlink for values from an array in Angular 8?

Last Updated : 11 Sep, 2020

Introduction:
In angular 8, we can create hyperlinks for all the values that are present in the array using *ngFor.

Approach:
1) First declare and initialize array in .ts file.
2) Then use *ngFor directive for iterating through the array.
3) Using this *ngFor directive in .html file, we can use it as per the requirement.
4) Once the implementation is done then the serve the project.

Syntax:
Syntax for starting the project.

ng serve --open


Implementation by code:
app.component.html:
 

app.component.ts:
 

Output:
 

👁 Image
Comment
Article Tags:

Explore