Kann nicht an "index" bei der Verwendung von ngFor Schleife angular

Question

Ich habe den folgenden Fehler angezeigt, wenn ich versuche, die index einer Schleife *ngFor in eine Komponente zu durchlaufen.

Kann nicht an ‚count‘ binden, da es nicht eine bekannte Eigenschaft von ‚app-Details‘ ist

Es Nähte ich den Index nicht passieren kann.

---

Erste Datei

import { Component } from '@angular/core'; 
import { App } from 'reg.interface'; 

@Component({ 
    selector: 'reg', 
    styleUrls:['reg.component.scss'], 
    template:` 
    <div class="container"> 
    <div class="col-6"> 
     <h2>App Details:</h2> 
     <app-details *ngFor="let app of apps; let i = index;" 
     [details]="app" 
     [count]="i" 
     </app-details> 
    </div> 
    </div> 
    ` 
}) 

export class RegComponent { 
apps: App[]; 
} 

---

Zweite Datei

import { Component, Input } from '@angular/core'; 
import { App } from 'reg.interface'; 

@Component({ 
    selector: 'app-details', 
    template: ` 
    <div class="col-12"> 
     <span>Index: {{ details | json }}</span> 
     <span>Index: {{ count }}</span> 
    </div> 
    ` 
}) 
export class AppDetailsComponent { 
    @Input() 
    app: App; 
    count: number; 
} 

---

reg.interface

export interface App { 
    type: string, 
    price: number 
} 

ich die + Import bin BrowserModuleCommonModule in meinem Haupt app.module

Jede Hilfe sehr geschätzt - ich immer mehr Details zu der Frage usw. bei Bedarf hinzufügen.

Dank

Answer 1

export class AppDetailsComponent { 
    @Input() app: App; 
    @Input() count: number; 
}