Questions tagged «angular-pipe»

我正在使用date管道设置日期格式，但是如果没有解决方法，我将无法获得所需的确切格式。我是错误地理解管道还是只是不可能？ //our root app component import {Component} from 'angular2/core' @Component({ selector: 'my-app', providers: [], template: ` <div> <h2>Hello {{name}}</h2> <h3>{{date | date: 'ddMMyyyy'}}, should be {{date | date: 'dd'}}/{{date | date:'MM'}}/{{date | date: 'yyyy'}}</h3> </div> `, directives: [] }) export class App { constructor() { this.name = 'Angular2' this.date = …

257 date  angular  angular-pipe  date-pipe 

在这种情况下，我使用ngFor以下命令在视图中显示学生列表（数组）： <li *ngFor="#student of students">{{student.name}}</li> 每当我将其他学生添加到列表中时，它都会更新，这真是太好了。 然而，当我给它一个pipe到filter由学生的名字， <li *ngFor="#student of students | sortByName:queryElem.value ">{{student.name}}</li> 在我过滤学生姓名字段中输入内容之前，它不会更新列表。 这里是plnkr的链接。 Hello_world.html <h1>Students:</h1> <label for="newStudentName"></label> <input type="text" name="newStudentName" placeholder="newStudentName" #newStudentElem> <button (click)="addNewStudent(newStudentElem.value)">Add New Student</button> <br> <input type="text" placeholder="Search" #queryElem (keyup)="0"> <ul> <li *ngFor="#student of students | sortByName:queryElem.value ">{{student.name}}</li> </ul> sort_by_name_pipe.ts import {Pipe} from 'angular2/core'; @Pipe({ …

113 angular  angular2-template  angular2-directives  angular-pipe 

管道是用于转换模板中数据（格式）的过滤器。 我遇到了pipe()如下功能。pipe()在这种情况下，此功能究竟意味着什么？ return this.http.get<Hero>(url) .pipe( tap(_ => this.log(`fetched hero id=${id}`)), catchError(this.handleError<Hero>(`getHero id=${id}`)) );

108 angular  rxjs  angular-pipe  rxjs-pipe 

当我在模板中使用自定义管道时，它是这样的： {{user|userName}} 而且效果很好。 可以在代码中使用管道吗？ 我尝试像这样使用它： let name = `${user|userName}`; 但这表明 用户名未定义 我的替代方法是db.collection.findOne()在代码中手动使用。但是有什么聪明的方法吗？

103 angular  angular-pipe 

我无法将此代码从Angualr 1转换为Angular 2： ng-repeat="todo in todos | orderBy: 'completed'" 这是我根据蒂埃里·坦佩利（Thierry Templier）的回答所做的： 组件模板： *ngFor="#todo of todos | sort" 组件代码： @Component({ selector: 'my-app', templateUrl: "./app/todo-list.component.html", providers: [TodoService], pipes: [ TodosSortPipe ] }) 管道代码： import { Pipe } from "angular2/core"; import {Todo} from './todo'; @Pipe({ name: "sort" }) export class TodosSortPipe { transform(array: …

97 angular  angular2-template  angular-pipe 

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

73 angular  conditional-statements  angular-pipe  angular2-pipe