Pertanyaan yang diberi tag «angular-pipe»

Saya menggunakan datepipa untuk memformat tanggal saya, tetapi saya tidak bisa mendapatkan format yang tepat yang saya inginkan tanpa penyelesaian. Apakah saya salah memahami pipa atau tidak mungkin? //our root app component import {Component} from 'angular2/core' @Component({ selector: 'my-app', providers: [], template: ` <div> <h2>Hello {{name}}</h2> <h3>{{date | date: 'ddMMyyyy'}}, …

257 date  angular  angular-pipe  date-pipe 

Dalam skenario ini, saya menampilkan daftar siswa (larik) ke tampilan dengan ngFor: <li *ngFor="#student of students">{{student.name}}</li> Sangat menyenangkan bahwa itu diperbarui setiap kali saya menambahkan siswa lain ke daftar. Namun, ketika saya memberikan pipekepada filterdengan nama mahasiswa, <li *ngFor="#student of students | sortByName:queryElem.value ">{{student.name}}</li> Itu tidak memperbarui daftar sampai saya …

114 angular  angular2-template  angular2-directives  angular-pipe 

Pipa adalah filter untuk mengubah data (format) di template. Saya menemukan pipe()fungsi seperti di bawah ini. Apa pipe()sebenarnya arti fungsi ini dalam kasus ini? return this.http.get<Hero>(url) .pipe( tap(_ => this.log(`fetched hero id=${id}`)), catchError(this.handleError<Hero>(`getHero id=${id}`)) );

109 angular  rxjs  angular-pipe  rxjs-pipe 

Saat saya menggunakan pipa kustom saya dalam template, ini seperti ini: {{user|userName}} Dan itu bekerja dengan baik. Apakah mungkin menggunakan pipa dalam kode? Saya mencoba menggunakannya seperti ini: let name = `${user|userName}`; Tapi itu terlihat userName tidak ditentukan Cara alternatif saya adalah menggunakan db.collection.findOne()kode secara manual. Tapi apakah ada cara …

104 angular  angular-pipe 

Saya tidak dapat menerjemahkan kode ini dari Angualr 1 ke Angular 2: ng-repeat="todo in todos | orderBy: 'completed'" Inilah yang telah saya lakukan mengikuti jawaban Thierry Templier: Template komponen: *ngFor="#todo of todos | sort" Kode komponen: @Component({ selector: 'my-app', templateUrl: "./app/todo-list.component.html", providers: [TodoService], pipes: [ TodosSortPipe ] }) Kode pipa: …

98 angular  angular2-template  angular-pipe