คำถามติดแท็ก 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' …

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 …

114 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}`)) );

110 angular  rxjs  angular-pipe  rxjs-pipe 

เมื่อฉันใช้ไปป์ที่กำหนดเองในเทมเพลตมันจะเป็นดังนี้: {{user|userName}} และทำงานได้ดี เป็นไปได้ไหมที่จะใช้ท่อในรหัส? ฉันพยายามใช้มันดังนี้: let name = `${user|userName}`; แต่มันแสดงให้เห็น ไม่ได้กำหนด userName วิธีอื่นของฉันคือการใช้db.collection.findOne()โค้ดด้วยตนเอง แต่มีวิธีใดที่ชาญฉลาด?

106 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 …

101 angular  angular2-template  angular-pipe