将安阳.js语音识别与棱角.js相结合
Integrating Annyang.js speech recogniton with Angular.js
我正在尝试整合安阳.js和Angular.js。
我正在尝试使安阳的结果.js与DOM绑定(角度样式(。一些想法可能是使用角度服务,如$watch、$apply、$digest,或者创建一个指令/工厂/提供者???我不知所措。帮助将不胜感激。
到目前为止,它理解VoiceCtrl范围内的命令,但它不绑定到$scope。
Javascript:
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();
}
.HTML:
<body ng-app="Voice" ng-controller="VoiceCtrl">
<p>{{said}}</p>
</body>
看起来你错过了一个scope.$apply()
.这是允许 angular 更新所有绑定所必需的.js因为 annyyang 将在 angular 上下文之外工作。
尝试将命令替换为
'Hello (world)': function() {
$scope.$apply($scope.helloWorld);
});
此外,你在JS中调用模块"SpeechApp",在HTML中调用ng-app="Voice"。
建议改用此 HTML:
<body ng-app="SpeechApp">
<div ng-controller="VoiceCtrl">
<p>Hi: {{said}}</p>
</div>
</body>
http://plnkr.co/edit/QIWwhS?p=preview
看看 AngularJS 语音识别与安阳
相关文章:
- 将图像上传ajax与表单提交ajax相结合
- 将语句与jquery相结合,并使用媒体查询来实现返回页首按钮
- 媒体查询与Javascript相结合
- 为什么可以'我将谷歌地图getCurrentPosition与地点搜索API相结合
- 如何在不使用css转换的情况下将jQuery animate与css3属性相结合
- 将jQuery选择器与“this”相结合
- 将键盘使用与 Qualtrics 中的答案随机化相结合
- iframe与Javascript相结合的zipcode检查器
- 将n个对象与javascript相结合
- 将JSON数组与jQuery相结合
- NPM:将多个模块和自定义脚本与browserfy相结合
- 将coffee和js开发与Gulp相结合
- 将 jQuery Globalize 与下划线.js模板相结合
- 将安阳.js语音识别与棱角.js相结合
- JS/jQuery 代码流 - 将动画与单击函数相结合
- PHP和JS相结合
- 是否可以将Morris.js(RaphaelJS)与Web Workers相结合
- JSF ajax请求在与JS客户端验证相结合时不会被触发
- 种类的js库相结合
- 将js与媒体查询相结合(与视窗相关)