如何使用AngularJS爲雙向綁定製作格式過濾器

Question

在頁面上我有<input type="text" />，用戶將輸入日期格式爲31/12/2013。該輸入字段應綁定到$scope.startDate字段。但在$scope.startDate我必須以以下格式"/Date(1385063675188)/"（WCF REST服務日期格式）存儲日期。

問題：如何使HTML輸入和AngularJS模型，其中日期都將在不同的格式（dd/MM/yyyy和"/Date(1385063675188)/"）之間的雙向綁定。

Answer 1

您可以使用scope.$watch

scope.$watch("model", function (newValue) { 
    scope.formattedModel = convertToWcfFormat(newValue); 
}); 

Answer 2

我會使用一個指令這一點。像這樣：

directives.directive('dateConverter', ['$filter', function($filter) { 
    return { 
     require: 'ngModel', 
     link: function(scope, element, attrs, ngModelController) { 
     ngModelController.$parsers.push(function(date) { 
      // Do to model conversion 
     }); 

     ngModelController.$formatters.push(function(date) { 
      // Do to view conversion, possibly using $filter('date') 
     }); 
     } 
    }; 
    }]);