Question

我在旧版本中使用版本2.0.0-rc.6的角度，有可能创建一个全局管道并注册它就像显示here和在线的许多其他位置。

我正在尝试在我的应用中做类似的事情，但我遇到了一个问题，我无法从角度/核心导入PLATFORM_PIPES，并且我还读到它已在documentation和其他位置上弃用。

我在这个问题上找到了这个Q&A，但由于我使用的是@NgModule，因此无法帮助我，我似乎找不到以任何方式将管道放入其中的方法。 / p>

有什么想法吗？

Answer 1

Default-Pipe＆amp;的工作演示自定义管道：

https://plnkr.co/edit/BmZrCbl0czJwnPMf0x0V?p=preview

<小时/> 默认管道

您不需要为此做任何事情。

由于 PLATFORM_PIPES 已弃用， RC6 ，默认管道默认。

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

@Component({
  selector: 'my-app',
  template: `  {{mydate | date:"MM/dd/yy"}}`
})
export class AppComponent {
   mydate = Date.now();
}

自定义管道

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

@Pipe({ name: 'awesome' })

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

我想在AppComponent

中使用它

 @NgModule({
   imports:      [ BroswerModule, FormsModule ],
   declarations: [ AppComponent, AwesomePipe ],  //<----added here
   exports:      [ AppComponent],
   providers:    [ ]
  })

<强> html的

 {{ your data/value | awesome }}

angular2 rc6定制全球管道; PLATFORM_PIPES

1 个答案: