title: Integrating Annyang.js speech recogniton with Angular.js
body: <p>I'm attempting to integrate <a href="http://www.annyangjs.com/" rel="nofollow">Annyang.js</a> and <a href="http://www.angularjs.com/" rel="nofollow">Angular.js</a>. </p>
  
  <p>I'm trying to make the result of Annyang.js bind (Angular style) with the DOM. Some ideas might be to use angular services like $watch, $apply, $digest, or to create a directive/factory/provider??? I'm at a loss. Help would be appreciated.</p>
  
  <p>So far, it understands commands within the VoiceCtrl scope but it does not bind to $scope.said</p>
  
  <p>Javascript:</p>
  
  <pre><code>var SpeechApp = angular.module('SpeechApp', []);
  
  function VoiceCtrl($scope) {
  
    $scope.said='';
  
    $scope.helloWorld = function() {
      $scope.said = "Hello world!";
    }
  
    $scope.commands = {
      'hello (world)': $scope.helloWorld,
    };
  
    annyang.debug();
    annyang.init($scope.commands);
    annyang.start();
  }
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>&lt;body ng-app="Voice" ng-controller="VoiceCtrl"&gt;
      &lt;p&gt;{{said}}&lt;/p&gt;
  &lt;/body&gt;
  </code></pre>