Запитання з тегом «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 …

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> Він не оновлює список, …

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

110 angular  rxjs  angular-pipe  rxjs-pipe 

Коли я використовую свою власну трубу в шаблоні, вона виглядає так: {{user|userName}} І це добре працює. Чи можна використовувати в коді трубу? Я намагаюся використовувати це так: let name = `${user|userName}`; Але це показує userName не визначено Мій альтернативний спосіб - це використання db.collection.findOne()коду вручну. Але чи є розумний спосіб?

103 angular  angular-pipe 

Я не можу перекласти цей код з Angualr 1 на Angular 2: ng-repeat="todo in todos | orderBy: 'completed'" Це те, що я зробив після відповіді Тьєррі Тамплієра: Шаблон компонента: *ngFor="#todo of todos | sort" Код компонента: @Component({ selector: 'my-app', templateUrl: "./app/todo-list.component.html", providers: [TodoService], pipes: [ TodosSortPipe ] }) Код труби: …

97 angular  angular2-template  angular-pipe