2016-10-04 4 views
1

У меня есть класс, внутри которого я хочу использовать фильтрацию даты, как это было в угловых 1:Как добиться фильтрации даты в Angular2

$filter('date')(startDate, 'yyyy-MM-dd HH:mm:ss') 

Теперь я хочу, чтобы достичь этого, используя угловые 2. Как насколько я вижу, я мог бы использовать класс DatePipe. Но проблема в том, что я не знаю, как импортировать его внутри моего файла класса:

import { Injectable } from '@angular/core' 
import { Http, Response, Headers } from '@angular/http'; 
import { InputValidatorService } from './input-validator.service'; 
import { Pipe, PipeTransform } from '@angular/core'; 

... 

myFunctionInsideOfAClass(){ 
    var datePipe = new DatePipe(); // Symbol 'DatePipe' can not be properly resolved, probably it is located in inaccessible module. 
} 

Как я могу добиться этого?

EDIT: Мой модуль приложения:

import { NgModule }  from '@angular/core'; 
import { BrowserModule } from '@angular/platform-browser'; 
import { FormsModule } from '@angular/forms'; 

.. 
@NgModule({ 
    imports: [BrowserModule, FormsModule, HttpModule], 
    declarations: [AppComponent, MapComponent, AtileLayerDirective, MapDirective, mapControlDirective, ToolsComponent, SearchComponent], 
    bootstrap: [AppComponent], 
    providers: [{ 
     provide: Http, 
     useFactory: (_backend: ConnectionBackend, _defaultOptions: RequestOptions) => new HttpInterceptor(_backend, _defaultOptions), 
     deps: [XHRBackend, RequestOptions] 
    }, mapManager, SearchService, StatusIconProvider 
    ] 
}) 
+1

Вы добавили '' CommonModule' или BrowserModule' к компоненту, где вы используете 'DatePipe'? Вероятно, вам нужно явно указать его в '@NgModule ({providers: [DatePipe], ...})' 'DatePipe' также не фильтровать даты, а форматировать даты. –

+0

@ GünterZöchbauer Нет, я еще не добавил. – user2128702

+0

@ GünterZöchbauer, когда я попытался добавить его в свой NgModule, он получил красный цвет с тем же сообщением. Нужно ли мне что-то импортировать? PS: Извините за хромой вопрос, но я совершенно не знаком с угловым – user2128702

ответ

1
import {DatePipe} from '@angular/common'; 

@NgModule({ 
    ... 
    providers: [ /* other providers */, DatePipe], 
    ... 
}) 
Смежные вопросы