angularjs - ngModelController : update view value after parser executed

Question

我有以下指令:

 myDirectives.directive('simpleDate', function ($filter, $locale, $timeout) {
    return {
        require: 'ngModel',
        restrict: 'A',
        link: function (scope, elem, attrs, ctrl) {
            var dateFormat = 'shortDate';

            ctrl.$formatters.unshift(function (modelValue) {
                if (!modelValue) {
                    return '';
                } else {
                    return $filter('date')(modelValue, dateFormat);
                }
            });

            ctrl.$parsers.unshift(function (viewValue) {
                if (!isNaN(viewValue)) {
                    var now = new Date(),
                        year = now.getFullYear(),
                        month = now.getMonth() + 1,
                        day = Number(viewValue),
                        lastDay = (new Date(year, month, 0)).getDate();
                    if (day >= 1 && day <= lastDay) {
                        return '' + year + (month < 10 ? '-0' : '-') + 
                            month + (day < 10 ? '-0' : '-') + day;
                    }
                }

                return '';
            });
        }
    };     
 });

Parser计算model值，需要反射(reflect)back view值；但是怎么办？我知道有 ctrl.$render() 方法，但我想它必须在 $parser 执行后运行。以下无效:

$timeout(function () { ctrl.$render(); });

我怎样才能渲染 View 值？

Answer 1

这是您所期望的吗？ :

 myDirectives.directive('simpleDate', function ($filter, $locale, $timeout) {
    return {
        require: 'ngModel',
        restrict: 'A',
        link: function (scope, elem, attrs, ctrl) {
            var dateFormat = 'shortDate';

            ctrl.$formatters.unshift(function (modelValue) {
                if (!modelValue) {
                    return '';
                } else {
                    return $filter('date')(modelValue, dateFormat);
                }
            });

            ctrl.$parsers.unshift(function (viewValue) {
                if (!isNaN(viewValue)) {
                    var now = new Date(),
                        year = now.getFullYear(),
                        month = now.getMonth() + 1,
                        day = Number(viewValue),
                        lastDay = (new Date(year, month, 0)).getDate();
                    if (day >= 1 && day <= lastDay) {
                        var currentValue = '' + year + (month < 10 ? '-0' : '-') + month + (day < 10 ? '-0' : '-') + day;
                        ctrl.$setViewValue(currentValue);
                        ctrl.$render();
                        return currentValue;
                    }
                }

                return '';
            });
        }
    };     
 });