petric petric - 1 year ago 182
TypeScript Question

angular2 rc6 custom global pipes; PLATFORM_PIPES

I am using angular with version 2.0.0-rc.6 in older versions there was a possibility to create a global pipe and register it like is shown here and in many other locations online.

I am trying to do something similar in my app but there is a problem I encountered,
I can't import PLATFORM_PIPES from angular/core and I also read that it is deprecated on the documentation and other places on line.

I found this Q&A on the matter, but it did not help me since I am using @NgModule and I can't seem to find a way to put the pipe in it in any way.

Any ideas?

Answer Source

Working Demo of Default-Pipe & Custom-Pipe:

Default pipe

You don't need to do anything for this.

Since PLATFORM_PIPES has been deprecated, in RC6, default pipes are available by default.

import { Component } from '@angular/core';

  selector: 'my-app',
  template: `  {{mydate | date:"MM/dd/yy"}}`
export class AppComponent {
   mydate =;

Custom pipe

import { Pipe, PipeTransform } from '@angular/core';

@Pipe({ name: 'awesome' })

export class AwesomePipe implements PipeTransform {
  transform(phrase: string) {
    return phrase ? 'Awesome ' + phrase : '';

I want to use it in AppComponent

   imports:      [ BroswerModule, FormsModule ],
   declarations: [ AppComponent, AwesomePipe ],  //<----added here
   exports:      [ AppComponent],
   providers:    [ ]


 {{ your data/value | awesome }}
Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download