Unable to understand angularjs dependency error

Question

I am trying to implement a custom filter. I am getting a dependency error from angularjs.

Below is my code:

angular.module('Test', [])
  .controller('TestController', ['$scope', function ($scope) {
        $scope.myDate = 1456106575956;
  }])
  .filter('utcToDate', function(pUTCString) {
    return function(pUTCString) {
        return new Date(pUTCString);
    }
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<body ng-app="Test" ng-controller="TestController">
  {{myDate | utcToDate:myDate }}
</body>

Add the error you are getting. Plunker would provide u quick answer here. — Shashank Vivek
– Shashank Vivek, Commented Mar 8, 2016 at 4:37

Satej S · Accepted Answer · 2016-03-08 04:52:43Z

2

Your JS should be

  angular.module('Test', [])
  .controller('TestController', ['$scope', function ($scope) {
        $scope.myDate = 1456106575956;
  }])
  .filter('utcToDate', function() {
    return function(pUTCString) {
        return new Date(pUTCString);
    }
});

HTML is fine, but can also be written as

 <body ng-app="Test" ng-controller="TestController">
  {{myDate | utcToDate }}
</body>

What went wrong?

You're not required to specify a parameter while defining the function for a custom filter as you have done here

.filter('utcToDate', function(pUTCString) {

More on filters from the official documentation.

Here is a Working Demo

edited Mar 8, 2016 at 4:52

answered Mar 8, 2016 at 4:47

Satej S

2,1541 gold badge18 silver badges22 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Satej S Over a year ago

You're welcome! Please select it as an answer if you are satisfied with it, so it can be closed as a question.

Collectives™ on Stack Overflow

Unable to understand angularjs dependency error

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related