Pytania otagowane jako angular-pipe

15
Sformatuj datę jako dd / MM / rrrr przy użyciu potoków
Używam datepotoku do sformatowania daty, ale po prostu nie mogę uzyskać dokładnego formatu bez obejścia. Czy źle rozumiem rury, czy jest to po prostu niemożliwe? //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 …
9
NgFor nie aktualizuje danych za pomocą Pipe w Angular2
W tym scenariuszu wyświetlam listę uczniów (tablicę) do widoku z ngFor: <li *ngFor="#student of students">{{student.name}}</li> To wspaniałe, że aktualizuje się za każdym razem, gdy dodam innego ucznia do listy. Jednak, gdy daję się pipedo filtero imieniu studenta, <li *ngFor="#student of students | sortByName:queryElem.value ">{{student.name}}</li> Nie aktualizuje listy, dopóki nie wpiszę …
5
Co to jest funkcja pipe () w Angular
Rury to filtry służące do przekształcania danych (formatów) w szablonie. Natrafiłem na pipe()funkcję jak poniżej. Co pipe()dokładnie oznacza ta funkcja w tym przypadku? return this.http.get<Hero>(url) .pipe( tap(_ => this.log(`fetched hero id=${id}`)), catchError(this.handleError<Hero>(`getHero id=${id}`)) );
2
Czy w kodzie można użyć potoku?
Kiedy używam mojej niestandardowej rury w szablonie, wygląda to tak: {{user|userName}} I działa dobrze. Czy w kodzie można użyć potoku? Próbuję go używać w ten sposób: let name = `${user|userName}`; Ale to widać nazwa użytkownika nie jest zdefiniowana Moim alternatywnym sposobem jest db.collection.findOne()ręczne użycie w kodzie. Ale czy jest jakiś …
17
Problem z rurą OrderBy
Nie jestem w stanie przetłumaczyć tego kodu z Angualr 1 na Angular 2: ng-repeat="todo in todos | orderBy: 'completed'" Oto, co zrobiłem zgodnie z odpowiedzią Thierry Templier: Szablon komponentu: *ngFor="#todo of todos | sort" Kod komponentu: @Component({ selector: 'my-app', templateUrl: "./app/todo-list.component.html", providers: [TodoService], pipes: [ TodosSortPipe ] }) Kod rury: …
Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.