Вопросы с тегом «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 …

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> Список не обновляется …

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'" Вот что я сделал после ответа Тьерри Темплиера: Шаблон компонента: *ngFor="#todo of todos | sort" Код компонента: @Component({ selector: 'my-app', templateUrl: "./app/todo-list.component.html", providers: [TodoService], pipes: [ TodosSortPipe ] }) Код трубы: import …

98 angular  angular2-template  angular-pipe