Can't bind to 'ngModel' since it isn't a known property of 'mat-slide-toggle' : <p>I am trying to get the current value of a <code>mat-slide-toggle</code> but unfortunatly I will get an error:</p>

<pre><code>Error: Template parse errors:
Can't bind to 'ngModel' since it isn't a known property of 'mat-slide-toggle'.
</code></pre>

<p>I am using the toggle like this in the html part of my component:</p>

<pre><code> &lt;mat-slide-toggle color="primary" [(ngModel)]="showInnerView"&gt;
      Default Slide Toggle
 &lt;/mat-slide-toggle&gt;
</code></pre>

<p>Corresponding property in my component:</p>

<pre><code>showInnerView: boolean = false;
</code></pre>

<p>What I am doing wrong?</p>

<hr>

<p><a href="https://material.angular.io/components/slide-toggle/overview" rel="noreferrer">Documentation</a> of <code>mat-slide-toggle</code></p>

<p><a href="https://github.com/angular/material2/blob/master/src/demo-app/slide-toggle/slide-toggle-demo.html" rel="noreferrer">Official example</a> of <code>mat-slide-toggle</code> together with <code>[(ngModel)]</code></p>

<hr>

<p>Used Versions: Angular: 5.2.4, Angular Material: 5.2.0</p>
