title: How to use ng-click to load an API
body: <p>I am a beginner with angularjs. I am also utilizing ResponsiveVoice.JS for the voice component of the app. My issue is that if I use ng-click, the voice doesn't work. If I use onClick, it works. How do I use this API with ng-click?</p>
  
  <p>I need it with ng-click because I need to pass in the voice text as a parameter from my routeParams in the controller.</p>
  
  <p><strong>Here is the image that will play the voiceover when clicked.</strong></p>
  
  <p><code>&lt;img src="images/audio.png" onclick='responsiveVoice.speak("Text spoken.", "UK English Male")'  class="pull-right"/&gt;</code> </p>
  
  <p><strong>Here is the link to the api that I have loaded into my index.html in the head section.</strong></p>
  
  <p><code>&lt;script src='http://code.responsivevoice.org/responsivevoice.js'&gt;&lt;/script&gt;</code></p>
  
  <p><strong>What I want it to be is like this</strong></p>
  
  <p><code>&lt;img src="images/audio.png" ng-click='responsiveVoice.speak({{ parameter from controller }}, "UK English Male")'  class="pull-right"/&gt;</code></p>