angularjs - 带有 ngModelController 格式化程序的 Angular 指令

Question

我正在尝试实现一个简单的指令，将格式化程序添加到 <input type="date"> field 。该指令如下所示:

myApp.directive("date-format", function (dateFilter) {
    return {
        restrict: "A",
        require: "ngModel",
        link: function (scope, element, attributes, ngModelController) {
            ngModelController.$formatters.push(function (modelValue) {
                return modelValue && new Date(modelValue);
            });
        }
    };
});

它运行得很好，直到我将其名称更改为 mb-date-format 。我创建了一个 JS fiddle :http://jsfiddle.net/HB7LU/4458/ 。它似乎可以正常使用像 aaa 这样的名称。 , bbb , ccc依此类推，但当您将名称更改为 jjj 时，它会停止工作, zzz ，……

Answer 1

尝试将指令名称驼峰式命名为“dateFormat”，例如:

myApp.directive("dateFormat", function (dateFilter) 

然后在 html 中使用它，如下所示

<input type="date" ng-model="date" date-format>