首页 > 代码库 > ng2学习--pipe使用
ng2学习--pipe使用
We use our custom pipe the same way we use built-in pipes.(自定义Pipe和API里自带的Pipe使用方式一致)
We must include our pipe in the declarations
array of the AppModule
.(Pipe要起作用的话,需要把它放到AppModule中declarations属性数组中。)
如果你正在按照《迈向Angular 2: 基于TypeScirpt的高性能SPA框架》学习的话,你会发现,Componet中没有pipes这个属性,而书中的例子就有!
我写文档这个时间(2017/3/1),从官方下载的quick-start里面,就不再支持这样的写法了,而正如我开头”红字“所写的那样,Pipe需要放在app.component.ts这个文件中的AppModule类的declarations属性中,
declarations这个属性的值是一个数组,我们先把我们自定义的或api中的pipe导入到这个文件中(例如:import { lowercasePipe } from ‘./app.lowercase‘;),然后再把pipe添加到数组中。
import { NgModule } from ‘@angular/core‘; import { BrowserModule } from ‘@angular/platform-browser‘; import { AppComponent } from ‘./app.component‘; import { lowercasePipe } from ‘./app.lowercase‘;//这个是我自己写的pipe @NgModule({ imports: [BrowserModule], declarations: [AppComponent, lowercasePipe], bootstrap: [AppComponent] }) export class AppModule { }
ng2学习--pipe使用
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。