在Controller中而不是在Expression中使用过滤器

Question

我正在使用“ Angular-UI”（日期选择器）的日期过滤器，在其中可以以dd-mm-yy格式过滤日期。 以下是代码：

<input id="fromDate" name="fromDate" ng-click="open($event,'fromDate')" data-ng-model="filter.fromDate" datepicker-popup="{{format}}" is-open="datepickers.fromDate" datepicker-options="dateOptions" />
{{filter.fromDate|date:'dd-mm-yy'}}

这很容易，因为日期选择器现在为我提供了所需格式的日期。 但是，如果我尝试在控制器中执行类似操作，则无法实现。

var app = angular.module('myApp',['ui.bootstrap']); 
app.controller = ('myCtrl', function($scope, $filter) { 
$scope.filter.fromDate = ""; 
$scope.reqDate = ""; 
$scope.reqDate = $filter('$scope.filter.fromDate', date:'dd-mm-yy'); 
});

有人可以帮我吗？

Answer 1

首先，日期过滤器不是Angular-UI的一部分。 它是AngularJS本身的一部分。

要从代码中获取名为“ date”的过滤器，请使用$ filter服务，并将其名称传递给过滤器： 'date' 。 它返回过滤功能：

var dateFilter = $filter('date');

这个函数的输入滤波器作为第一个参数（即你之前把|视图）如果需要的话，和附加参数（即你后放什么:在视图中）：

$scope.reqDate = dateFilter($scope.filter.fromDate, 'dd-MM-yy');

整个过程当然可以在一行中完成：

$scope.reqDate = $filter('date')($scope.filter.fromDate, 'dd-MM-yy');