title: Angular 7 - Can't bind to @Input() property
body: <p>Using Angular 7.2.0, I have the following component:</p>
  
  <pre><code>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;
  }
  </code></pre>
  
  <p>In a parent template, I have:</p>
  
  <pre><code> &lt;div class="mdl-cell mdl-cell--3-col" *ngFor="let c of customers"&gt;
     &lt;summary [customer]="c"&gt;&lt;/summary&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Trying to compile it raises the following exception:</p>
  
  <pre><code>ERROR in : Can't bind to 'customer' since it isn't a known property 
    of'summary'. ("
    &lt;div class="mdl-cell mdl-cell--3-col" *ngFor="let c of customers"&gt;
      &lt;summary [ERROR -&gt;][customer]="c"&gt;&lt;/summary&gt;
    &lt;/div&gt;
  ")
  </code></pre>
  
  <p>I can't figure out what may happen here as the mentioned property is defined in the component. Could any one please help ?</p>
  
  <p>Thanks,
  Nicolas</p>