Angular 7 - Невозможно привязать к свойству @Input ()

Question

Используя Angular 7.2.0, у меня есть следующий компонент:

import { Component, OnInit, Input } from '@angular/core';
import { Customer} from "../../services/customers.model";

@Component({
  selector: 'app-summary',
  templateUrl: './summary.component.html',
  styleUrls: ['./summary.component.css']
})

export class SummaryComponent {
  @Input() customer: Customer;
}

В родительском шаблоне у меня есть:

 <div class="mdl-cell mdl-cell--3-col" *ngFor="let c of customers">
   <summary [customer]="c"></summary>
</div>

При попытке его скомпилировать возникает следующее исключение:

ERROR in : Can't bind to 'customer' since it isn't a known property 
  of'summary'. ("
  <div class="mdl-cell mdl-cell--3-col" *ngFor="let c of customers">
    <summary [ERROR ->][customer]="c"></summary>
  </div>
")

Я не могу понять, что здесь может произойти, так как указанное свойство определено в компоненте.Может ли кто-нибудь помочь, пожалуйста?

Спасибо, Николас

Answer 1

Ваш выбор: 'app-summary'.

Использование <app-summary [customer]="c"></app-summary>

Answer 2

Вы должны связать <app-summary [customer]="">, как мудрый, вы связываете с <summary>, который является HTML-тегом, а не угловым компонентом.