title: Angular - Can't bind to 'ngValue' since it isn't a known property of 'mat-option'
body: <p>I'm using angular 5 and I'm getting the console error:</p>
  
  <blockquote>
    <p>Can't bind to 'ngValue' since it isn't a known property of
    'mat-option'</p>
  </blockquote>
  
  <p>My template looks something like as follows:</p>
  
  <pre><code>  &lt;mat-select placeholder="Select Book" name="patient" [(ngModel)]="selectedBook"&gt;
       &lt;mat-option *ngFor="let eachBook of books" [ngValue]="eachBook"&gt;{{eachBook.name}}&lt;/mat-option&gt;
    &lt;/mat-select&gt;
  </code></pre>
  
  <p>I've imported both <code>MatSelectModule</code> and <code>MatOptionModule</code>. </p>
  
  <p>How can we resolve this?</p>