AngularJS 필터가 작동하지 않습니다.

Question

AngularJS v1.2.19가 있습니다. 내 프로젝트에서 사용해 보겠습니다.

형성 날짜 필터를 만들었습니다.

var app = angular.module('commentApp', []).filter("dateformat", function ($filter) { 
    return function (input) { 
     if (input) { 
      try { 
       var date = $filter('CommentDate')(new Date(input), 'dd MMM yyyy'); 
       return date; 
      } catch (e) { 
       console.log(e); 
      } 
     } 
    } 
}); 

그리고 전화

나는 오류를 가지고있다

<time>{{comment.CommentDate|dateformat }}</time> 

필터를 의미

는

Error: [$injector:unpr] Unknown provider: CommentDateFilterProvider <- CommentDateFilter http://errors.angularjs.org/1.2.19/ $injector/unpr?p0=CommentDateFilterProvider%20%3C-%20CommentDateFilter

Answer 1

CommentDate

var date = $filter('CommentDate')(new Date(input), 'dd MMM yyyy'); 

존재하지 서식을 날짜에 사용 각도 필터

<time>{{comment.CommentDate|date:'dd MMM yyyy'}}</time> 

Answer 2

각도에는 의존성 주입이있다. 함수에 전달해야 할 것이 무엇인지를 아는 것은 "마법"이 아닙니다. 받아들이는 매개 변수의 이름을보고 일치하는 항목을 찾습니다. 코드가 작성된 방식 인 Angular는 CommentDateFilter 공급자를 찾고 싶다고 생각합니다 (아무도 없습니다).

여기 바로 요점 단순화 된 버전입니다 :

var app = angular.module('commentApp', []).filter("dateformat", function() { 
    return function(input) { 
     return new Date(input).toLocaleFormat('dd MMM yyyy'); 
    } 
}); 

나는 toLocaleFormat 여기 사기() - 그것은 새로운이기 때문에 모든 브라우저에서 작동하지 않습니다. 귀하의 질문은 실제로 날짜 형식에 관한 것이 아니라고 느꼈습니다. (AngularJS는 이미 매우 좋은 날짜 필터를 가지고 있기 때문에 : https://docs.angularjs.org/api/ng/filter/date. 실제 필터를 작동시키는 방법을 알고 싶었습니다. 위 예제는 당신이 원하는 것을 구축하기위한 출발점

Answer 3

여기 참조하십시오. http://jsbin.com/taqiq/1/edit

app.filter('mydate' ,function($filter){ 

    return function(input){ 
    input =input.replace(/\//g, ''); 
    var mydate = Date.parse(Date(input)); 
    return $filter('date')(mydate, 'dd MMM yyyy'); 


    }; 

});