Questions tagged «angular2-pipe»

我知道我可以像这样调用管道： {{ myData | date:'fullDate' }} 在这里，日期管道仅接受一个参数。从组件的模板HTML并直接在代码中调用具有更多参数的管道的语法是什么？

204 javascript  angular  angular2-pipe 

我似乎无法解决此错误。我有一个搜索栏和一个ngFor。我试图使用这样的自定义管道过滤数组： import { Pipe, PipeTransform } from '@angular/core'; import { User } from '../user/user'; @Pipe({ name: 'usersPipe', pure: false }) export class UsersPipe implements PipeTransform { transform(users: User [], searchTerm: string) { return users.filter(user => user.name.indexOf(searchTerm) !== -1); } } 用法： <input [(ngModel)]="searchTerm" type="text" placeholder="Search users"> <div *ngFor="let user of …

105 angular  angular2-forms  angular2-pipe 

内置管道是可行的，但是我要使用的所有自定义管道都是相同的错误： 找不到管道'actStatusPipe' [错误->] {{data.actStatus | actStatusPipe}} 我尝试了两种方法，在app.module的声明中进行声明： app.module.ts： import {ActStatusPipe} from '../pipe/actPipe' @NgModule({ declarations: [ AppComponent, HomePage, ActivitiesList, ActStatusPipe ], ... }) 或使用其他模块声明并导出我的所有管道：// pipe import {ActStatusPipe} from "./actPipe" @NgModule({ declarations:[ActStatusPipe], imports:[CommonModule], exports:[ActStatusPipe] }) export class MainPipe{} 并将其导入到app.module中。 //pipe import {MainPipe} from '../pipe/pipe.module' @NgModule({ declarations:[...], imports:[...,MainPipe], }) 但是它们都不在我的应用程序中工作。 这是我的管道代码： import {Pipe,PipeTransform} …

79 angular  angular2-pipe 

在Angular 2中是否可以在条件下应用管道？我想做类似的事情： {{ variable.text | (variable.value ? SomePipe : OtherPipe) }} 如果没有，实现此效果的首选方法是什么？

73 angular  conditional-statements  angular-pipe  angular2-pipe