Using WebSpeech API through AngularJS
<p>I have been trying to use the WebSpeech Api through angularjs. Everything seems to work but the model doesn't get updated at once.  </p>

<p>If I start the recognition again, the model updates. Seems like some inner loop/other construct is holding angular to see the changes.</p>

<p>Here is the <a href="http://codepen.io/ishankhare07/pen/BKaRNv?editors=1011" rel="nofollow">codepen</a> that I made.</p>

<p>Steps to reproduce:<br>
 1. Click start, and speak<br>
 2. After recognition detects end of speech hit start once again to start another recognition.<br>
 3. As soon as the second recognition is started, the model is updated with previous transcript.</p>

<blockquote>
  <p>Note: If a do console.log as below then it shows correct transcript, means the recognition part is working fine.</p>
</blockquote>

<pre><code>if(event.results[i].isFinal) {
  self.final = self.final.concat(event.results[i][0].transcript);
  console.log(event.results[i][0].transcript);
}
</code></pre>