Reusable component in Angular 10 for displaying a list of items

💬 Tech Talks › Category: Angular 10 › Reusable component in Angular 10 for displaying a list of items
0 Vote Up Vote Down
soorya25 asked 8 months ago

Hello everyone, I have the following code written in Angular 10.I came across this question in https://www.adaface.com/blog/angular-interview-questions/
 
import { Component, Input } from ‘@angular/core’;
 
@Component({
  selector: ‘app-list’,
  template: `
    <ul>
      <li *ngFor=”let item of items”>
        ____________
      </li>
    </ul>
  `,
  styles: []
})
export class ListComponent {
  @Input() items: any[];
}
In the above code snippet, what should be used to fill in  the blank in order to display the content of each item in the list?

1 Answers
0 Vote Up Vote Down
Rehmaanali Staff answered 7 months ago 

@Component({
  selector: ‘app-list’,
  template: `
    <ul>
      <li *ngFor=”let item of items”>
        {{item}}
      </li>
    </ul>
  `,
  styles: []
})
export class ListComponent {
  @Input() items: any[];
}
Signup to Post Answer