Пользовательский фильтр AngularJS в директиве для форматирования значения

Question

Пользовательский фильтр AngularJS в директиве для форматирования значения

0

Я хочу иметь директиву, которая форматирует предоставленное значение, которое она отображает, и эта логика форматирования должна быть частью этой директивы, не зависящей от атрибута HTML или родительского контроллера.

Моя упрощенная попытка с единственным атрибутом и тегом выглядит так, но дает TypeError: definition.match is not a function ошибки.

app.directive('timeSpan', function() {
  scope: {
    value: '@value',
    displayValue: function(v) {
      return v / 1000.0;
    },
    displayUnits: function(v) {
      return 'seconds';
    },
    replace: true,
    template: '<span>{{value|displayValue}} {{value|displayUnits}}</span>'
  }
}

<time-span value="{{timer}}" />

Fire Lancer 22 апр. 2016, в 11:58

Источник

0

это потому, что фильтр не простая функция, она должна быть определена особым образом, проверьте документацию.
Walfrat 22 апр. 2016, в 09:53

Теги:

javascript

angularjs

1 ответ

Ещё вопросы

это потому, что фильтр не простая функция, она должна быть определена особым образом, проверьте документацию.

SuperVeetz · Answer 1 · 2016-04-22T07-49-00.000Z

Моим решением было бы создать контроллер для вашей директивы и объявить ваши функции displayUnits и displayValue внутри этого контроллера.

.directive('timeSpan', function() {
  return {
      scope: {
        value: '@value'
      },
      replace: true,
      template: '<span>{{displayValue(value)}} {{displayUnits(value)}}</span>',
      controller: 'TimeSpanCtrl',
  };
})
.controller('TimeSpanCtrl', ['$scope', function ($scope) {

    $scope.displayValue = function(v) {
      return v / 1000.0;
    };

    $scope.displayUnits = function(v) {
      return 'seconds';
    }
}]);

Аналогичный вопрос в этом посте