Directive not working in Angularjs, Not getting called

Question

I'm trying to write formatter and parser through a directive.

angular.module('myModule').directive('toDate', function(){
        debugger; //Debugger Not Coming Here
        return{
            require: 'ngModel',
            link: function(scope, element, attr, ngModel){
                debugger; //Debugger Not Coming Here Too
                ngModel.$formatters.push(function(value){
                        return new Date(value);
                });

                ngModel.$parsers.push(function(value){
                    if(typeof value === 'object'){
                        return value.getTime();
                    }
                });

            }
        };
    });

using it in view :

 <td><input type="text"  ng-model="item.s_modified_on" toDate /></td>

It is not working.

K K · Accepted Answer · 2016-09-02 16:12:15Z

3

Use

 <td><input type="text"  ng-model="item.s_modified_on" to-date /></td>

instead of

 <td><input type="text"  ng-model="item.s_modified_on" toDate /></td>

Directives have camel cased names such as ngBind. The directive can be invoked by translating the camel case name into snake case with these special characters :, -, or _. Optionally the directive can be prefixed with x-, or data- to make it HTML validator compliant.

Reference: https://docs.angularjs.org/guide/directive

answered Sep 2, 2016 at 16:12

K K

18.2k4 gold badges33 silver badges39 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Directive not working in Angularjs, Not getting called

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related