0

私は次のようなディレクティブを定義しました:

angular.module('MyModule', [])
    .directive('datePicker', function($filter) {
        return {
            require: 'ngModel',
            link: function(scope, elem, attrs, ctrl) {
                ctrl.$formatters.unshift(function(modelValue) {
                    console.log('formatting',modelValue,scope,elem,attrs,ctrl);
                    return $filter('date')(modelValue, 'MM/dd/yyyy');
                });
                ctrl.$parsers.unshift(function(viewValue) {
                    console.log('parsing',viewValue);
                    var date = new Date(viewValue);
                    return isNaN(date) ? '' : date;
                });
            }
        }
    });

私はそのような要素に適用します:

<input type="text" date-picker="MM/dd/yyyy" ng-model="clientForm.birthDate" />

要素に属性を追加するたびにディレクティブがトリガーされますが、ディレクティブJS内date-pickerの属性の値()にアクセスして、の横にある定数を削除する方法を知りたいです。これを提供するためにアクセスできる変数があるかどうかはわかりません。MM/dd/yyyy$filter

4

2 に答える 2

4

attrs:から直接引っ張るだけです

return $filter('date')(modelValue, attrs.datePicker);

ところで、使用しているフィルターがである場合はdate、それを直接注入できます。

.directive('datePicker', function (dateFilter) {
    // Keep all your code, just update this line:
    return dateFilter(modelValue, attrs.datePicker || 'MM/dd/yyyy');
    // etc.
}
于 2013-01-24T04:45:36.433 に答える
1

リンク関数のattrs引数からアクセスできます。

デモ: http: //plnkr.co/edit/DBs4jX9alyCZXt3LaLnF?p = Preview

angModule.directive('moDateInput', function ($window) {
    return {
        require:'^ngModel',
        restrict:'A',
        link:function (scope, elm, attrs, ctrl) {
            var moment = $window.moment;
            var dateFormat = attrs.moMediumDate;
            attrs.$observe('moDateInput', function (newValue) {
                if (dateFormat == newValue || !ctrl.$modelValue) return;
                dateFormat = newValue;
                ctrl.$modelValue = new Date(ctrl.$setViewValue);
            });

            ctrl.$formatters.unshift(function (modelValue) {
                scope = scope;
                if (!dateFormat || !modelValue) return "";
                var retVal = moment(modelValue).format(dateFormat);
                return retVal;
            });

            ctrl.$parsers.unshift(function (viewValue) {
                scope = scope;
                var date = moment(viewValue, dateFormat);
                return (date && date.isValid() && date.year() > 1950 ) ? date.toDate() : "";
            });
        }
    };
});
于 2013-01-24T05:40:50.817 に答える