Tag: angular pipe

NgFor不会使用Angular2中的Pipe更新数据

在这种情况下，我使用ngFor显示了学生（数组）的视图列表： <li *ngFor="#student of students">{{student.name}}</li> 当我将其他学生添加到列表中时，它会更新。 但是，当我给它一个pipe道过滤学生的名字， <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({ name: 'sortByName' }) export class […]