2016-07-09 2 views
0

이 코드가 있는데 html 부분에 멋진 날짜 형식을 반환하지만 JavaScript 컨트롤러 부분에 동일한 형식을 반환해야합니다.AngulaJs 컨트롤러의 날짜 형식

function Ctrl($scope) 
{ 
$scope.date = new Date(); 

} 

보기 :

<div ng-app ng-controller="Ctrl"> 
{{date | date:'yyyy-MM-dd HH:mm:ss'}} 

</div> 

반환 : 2016-07-09 00:14:09

그래서 내가 이해할 수있을 것이다 console.log(); 어떤 도움에 같은 형식을 반환합니다.

+2

HTML에서 필터링 된 데이터를 받고 JS 사이드에서 원하는 것이 맞다면이 링크를 선호 할 수 있습니다. 귀하의 js에서 _ $ scope.date = $ filter ('date') ($ scope.date, 'yyyy-MM-dd HH : mm : ss'); –

+0

예, 정확하게. 빠른 응답을 주셔서 감사합니다. 내가 확인해 보겠습니다 –

+0

ReferenceError : $ filter가 정의되지 않았습니다 –

답변

1

이렇게 컨트롤러에서 $filter 서비스를 사용해보십시오. 컨트롤러에 $filter 서비스를 주입해야합니다. 당신은 당신 내부에 자바 스크립트 코드를 NG-필터를 사용하려고 할 때 구문 컨트롤러

app.controller("Ctrl",function ($scope, $filter){ 
    }); 

function Ctrl($scope, $filter) 
    { 
    $scope.date = new Date(); 
    } 

var date = $filter('date')(new Date(input), 'yyyy-MM-dd HH:mm:ss'); 

// Code goes here 
 

 
var app=angular.module('app',[]) 
 

 

 
app.controller("Ctrl",function($scope,$filter){ 
 
    
 
    $scope.date = new Date(); 
 
    var date = $filter('date')($scope.date, 'yyyy-MM-dd HH:mm:ss'); 
 
    
 
    console.log(date); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app="app" ng-controller=" Ctrl"> 
 
{{date | date:'yyyy-MM-dd HH:mm:ss'}} 
 

 
</div>

+0

감사합니다. 그럼 컨트롤러에 $ filter를 어떻게 주입 할 수 있습니까? –

+0

업데이트 된 답변보기 –

+0

문제가 무엇인지 알아보십시오, 고마워요. –

1

당신은 컨트롤러 내부를 정의 할 필요가 귀하의 컨트롤러가이를 감지 할 수 있도록하십시오.

app.controller('MainController', function($scope, $filter) {}); 

예를

에 대한

여기에서 범위를 $와 $는 모두 우리가 우리의 컨트롤러에서 사용하는 어떤 의존성이다 필터링합니다. 그런 다음 JS 컨트롤러 내부에 사용자 정의 또는 사용자 정의 필터를 설정할 수 있습니다. 자세한 내용을 보려면이 링크를 선호 할 수 있습니다. https://docs.angularjs.org/api/ng/filter/filter

+0

응답 해 주셔서 감사합니다. 도움이되었습니다. –