[英]Angular JS Custom Directive not Working
我正在尝试在我的应用程序中实现指令。 这是下面的代码。
console.log("Directive loaded");
angular.module("MyApp")
.directive("datepickerLocal", function($rootScope) {
console.log("datepickerLocal");
return {
restrict: 'E',
require: 'ngModel',
link: function(scope, elem, attr, ctrl) {
ctrl.$parsers.unshift(function(viewValue) {
var ngModelController = ctrls[0];
ngModelController.$parsers.push(function (viewValue) {
viewValue.setMinutes(viewValue.getMinutes() - viewValue.getTimezoneOffset());
return viewValue.toISOString().substring(0, 10);
});
});
}
};
}
);
这是HTML文本字段。
<input id="datepicker" type="text" data-ng-datepicker data-ng-options="datepickerOptions" ng-model="user.User.DateOfBirth" datepickerLocal>
我能够看到第一条控制台消息,但是指令内的控制台消息却没有出现。
反馈将不胜感激。
2件事:
E
,说应该将其定义为元素,但您将其用作属性。 更改restrict: "E"
更改为A
或EA
,或将其像这样使用: datepickerLocal
错误,应为: datepicker-local
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.