Angular 2 issue getting select option value
<p>I have a select </p>

<pre><code>&lt;select name='shape_id' ngModel (change)='changeShape($event.target.value)'&gt;
  &lt;option *ngFor="let shape of shapes" [ngValue]="shape.id"&gt;{{shape.name}}&lt;/option&gt;
&lt;/select&gt;
</code></pre>

<p>Here is the data.</p>

<pre><code>  shapes = [
    {id:'1', name:'Angle'},
    {id:'2', name:'Bar'},
   ];
</code></pre>

<p>I can't get the value. </p>

<pre><code> changeShape(shape){
    console.log(shape);
  }
</code></pre>

<p>This outputs "0: 1", but I want the value 1.</p>

<p>Here is what the option looks like in inspector.</p>

<pre><code>&lt;option value="0: 1" ng-reflect-ng-value="1"&gt;Angle&lt;/option&gt;
</code></pre>

<p>How do I get the id value 1?</p>