将数组传递给角指令
将数组传递给角指令
提问于 2015-03-06 21:38:45
我有这个指令，它在输入字段出现时将焦点设置为焦点，当输入字段失去焦点时将其隐藏，或者按下esc/enter/tab键。它工作得很好，但我想知道是否有一种方法可以传递一个键数组或对象(和事件类型)，而不是将键和事件硬编码到指令本身？以下是代码：
.directive('bindKeys', function ($timeout) {
return {
restrict: 'A',
scope: {
trigger: '='
},
link: function(scope, elem){
elem.bind('keydown keypress blur', function (event) {
if(event.which === 13 || event.which === 9 || event.which === 27 || event.type === 'blur') {
event.preventDefault();
$timeout(function(){
scope.trigger.property = false;
});
}
});
scope.$watch('trigger.property', function(value) {
if(value === true) {
$timeout(function() {
elem[0].focus();
});
}
});
}
};
});元素如下所示：
<input bindKeys trigger='trigger'></input>谢谢
回答 1
Stack Overflow用户
回答已采纳
发布于 2015-03-06 21:45:55
你当然可以。让一些模块提供你的数组
.value('events', ['blur', 'keypress'])然后将它们注入您的指令(events var name必须匹配上面的键)。
.directive('bindKeys', function ($timeout, events) {
// ...
element.bind(events.join(' '), function() {})
}注入数组的另一种语法是向vars显式定义名称。
.directive('bindKeys', ['$timeout', 'events', function ($timeout, events) {})
请参阅有关依赖项注入的更多信息：https://docs.angularjs.org/guide/di
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/28908115
复制相关文章
相似问题
腾讯云开发者
