Javascript 如何使用ng click加载API
我是angularjs的初学者。我还将ResponsiveVoice.JS用于应用程序的语音组件。我的问题是,如果我使用ng click,声音就不起作用。如果我使用onClick,它会工作。如何将此API与ng click一起使用 我需要使用ng click,因为我需要将语音文本作为参数从控制器中的routeParams中传入 这是单击时将播放画外音的图像。Javascript 如何使用ng click加载API,javascript,jquery,html,angularjs,api,Javascript,Jquery,Html,Angularjs,Api,我是angularjs的初学者。我还将ResponsiveVoice.JS用于应用程序的语音组件。我的问题是,如果我使用ng click,声音就不起作用。如果我使用onClick,它会工作。如何将此API与ng click一起使用 我需要使用ng click,因为我需要将语音文本作为参数从控制器中的routeParams中传入 这是单击时将播放画外音的图像。 这里是指向api的链接,该api已加载到头部的index.html中。 我希望它是这样的 responsivevoice是一个全局对象
这里是指向api的链接,该api已加载到头部的index.html中。
我希望它是这样的
responsivevoice
是一个全局对象,但ng click
仅识别通过角度范围可用的方法或表达式
但是,可以从页面中的任何javascript访问全局对象
因此,最简单的方法是创建一个引用全局对象的范围对象:
$scope.responsiveVoice = responsiveVoice;
现在,您可以在视图中使用responsiveVoice
要使用范围中的参数,请创建稍微不同的版本
$scope.speak = function( item){
// i have no idea what objects are used...assuming it has property `text`
responsiveVoice.speak(item.text, "UK English Male");
}
那么html就是
<img src="images/audio.png" ng-click="speak( scopeObject)">
试试这个
<img src="images/audio.png" ng-click='responsiveVoice.speak("{{ parameter from controller }}", "UK English Male")' class="pull-right"/>
这将中断函数调用,因为函数需要一个字符串参数note update将其用于在视图中传递范围变量
responsiveVoice.speak(param, "lang")