我是角度的服务/提供商/工厂模块的新手。我一直在使用一个名为annyang的库30 分钟,我想找到更“有角度”的方式来使用这个库。
一些独立于 git 的模块提供者在这里找到:ngAnnyang。
它关于如何正确使用它的文档为零。
但是传统的 annyang 你只需运行:
var commands = {
'remind me to *val' : reminders,
};
annyang.addCommands(commands);
annyang.start();
问题: 将模块注入我的角度应用程序后:
这个模块是否会以相同的方式实现,或者命令现在会以
ng
如下前缀:ngAnnyang.addCommands(); ngAnnyang.start();
?我还需要将 annyang 的原始库作为应用程序中的脚本标签吗?
除了现在可以注入之外,这个角度包装器中的什么使它“有角度”?
JS:ng-annyang
/**
* ngAnnyang Module
*
* Annyang Angular wrapper
*/
angular.module('ngAnnyang', ['ng'])
.provider('ngAnnyang', function ngAnnyangProvider() {
'use strict';
var isEnabledFn = function() {};
// events
console.log('ngAnnyang: set events');
annyang.addCallback('start', function() {
console.log('ngAnnyang: enabled true');
isEnabledFn(true);
});
_.each(['end', 'error', 'errorNetwork', 'errorPermissionBlocked', 'errorPermissionDenied'], function(v) {
annyang.addCallback(v, function() {
console.log('ngAnnyang: enabled false');
isEnabledFn(false);
});
});
console.log('ngAnnyang: start');
annyang.start();
this.debug = function(state) {
if(state){
console.log('ngAnnyang: set debug', !!state);
annyang.debug(!!state);
} else {
console.log('ngAnnyang: set debug', true);
annyang.debug();
}
};
this.setLanguage = function(lang) {
if(lang){
console.log('ngAnnyang: debug', ''+lang);
annyang.setLanguage(''+lang);
}
};
this.$get = function ngAnnyangFactory(){
return {
isEnabled: function(fn) {
console.log('ngAnnyang: isEnabled callback', fn);
isEnabledFn = fn;
},
addCommands: function(commands) {
console.log('ngAnnyang: add commands', commands);
annyang.addCommands(commands);
},
removeCommands: function(commands) {
console.log('ngAnnyang: remove commands', commands);
annyang.removeCommands(commands);
}
};
};
});