我在一个文本框中有两个指令.一个是datetimepicker和focus指令.
DateTimePicker：
app.directive('datetimepicker',function() {
return {
restrict: 'A',require : '?ngModel',link: function(scope,element,attrs,ngModelCtrl) {
element.datetimepicker({
format: "yyyy-mm-dd hh:ii:ss",autoclose: true,todayBtn: true
}).on('setDate',function(e) {
ngModelCtrl.$setViewValue(e.date);
scope.$apply();
});
}
};
});
重点：
app.directive('focus',function($timeout) {
return {
restrict: 'A',scope : {
trigger : '@focus'
},link : function(scope,elem,attrs) {
var focusables = $(":focusable");
scope.$watch('trigger',function(value) {
if (value === "true") {
$timeout(function() {
elem[0].focus();
});
}
});
elem.bind('keydown',function(e) {
var code = e.keyCode || e.which;
if (code === 13) {
var current = focusables.index(this);
var next = focusables.eq(current + 1).length ? focusables.eq(current + 1) : focusables.eq(0);
next.focus();
e.preventDefault();
}
});
}
};
});
这是我的文本框
<input datetimepicker ng-model='dob' focus/>
我收到以下错误
Error: [$compile:multidir] Multiple directives [focus,datepicker] asking for new/isolated scope on: <input datepicker="" ng-model="dob" focus="">
如何使这两个指令在文本框中一起工作？
解决方法
尽量不要手动为第一个指令提供隔离范围,因为你不需要那样使用范围：false,它会起作用.
app.directive('datetimepicker',scope: false,function(e) {
ngModelCtrl.$setViewValue(e.date);
scope.$apply();
});
}
};
});
