angularjs - ディレクティブで入力をフィルタリングする

Question

html

<input type="text" name="usernr" ng-model="userNr" placeholder="user nr"
                               tabindex="2" ng-usernumber/>

JavaScript

app.directive('ngUserNumber', function() {
            return {
                restrict: 'A',
                require: 'ngModel',
                link: function(scope, elm, attrs, ctrl) {
                    console.log("inside directive");
                    ctrl.$parsers.push(function(data) {
                        console.log("//convert data from view format to model format");

                        data = data.toString() + " test";

                        return data; //converted
                    });

                    ctrl.$formatters.push(function(data) {
                        console.log("//convert data from model format to view format");

                        data = data.toString() + " test";

                        return data; //converted
                    });
                }
            };
        });

ng-model によって提供されるデータを、ディレクティブ内のデータに置き換えたいと思います。しかし、何も起こりません。カスタム ディレクティブが使用されないのはなぜですか?

私はこのドキュメントに従いました: http://www.ng-newsletter.com/posts/directives.html
他のソース: https://stackoverflow.com/a/15346236/489856