javascript - 在指令中使用 angularjs $filter()

Question

我想使用一些过滤器隐藏输入文本值的一部分。

app.directive('limtToDate', ['$filter', function ($filter) {
var dateFormat = "DD/MM/YYYY HH:mm"
return {
    restrict: 'A',
    link: function (scope, ielem, attrs) {
        scope.$watch(attrs.ngModel, function (v) {
            console.log('value changed, new value is: ' + v);
            $filter('limitTo')(ielem.val(), -5);
        });
    }
}}]);

http://jsfiddle.net/PqAhk/2/

好吧，我的输入文本应该只显示 12:12 而不是 01/01/1970 12:12。在编辑时间之后，例如，如果用户将时间更改为 12:40，我的 ng-model 必须像 1970/01/01 12:40 一样

Answer 1

首先，谢谢大家，这个解决方案是由@guru 创建的，非常感谢他。

http://plnkr.co/edit/VhsleIWMq8A4rJcVQDaw?p=preview

该解决方案利用了与 angularjs 管道渲染相关的 $formatter 和 $parser。

https://docs.angularjs.org/api/ng/type/ngModel.NgModelController

ps:这个解决方案与angularjs.2-rc.x不兼容