Perguntas com a marcação «angular-pipe»

15
Formate a data como dd / MM / aaaa usando pipes
Estou usando o datepipe para formatar minha data, mas não consigo obter o formato exato desejado sem uma solução alternativa. Estou entendendo mal os tubos ou simplesmente não é possível? //our root app component import {Component} from 'angular2/core' @Component({ selector: 'my-app', providers: [], template: ` <div> <h2>Hello {{name}}</h2> <h3>{{date | …

9
NgFor não atualiza dados com Pipe em Angular2
Nesse cenário, estou exibindo uma lista de alunos (matriz) para a visualização com ngFor: <li *ngFor="#student of students">{{student.name}}</li> É maravilhoso que ele seja atualizado sempre que adiciono outro aluno à lista. No entanto, quando atribuo pipea filterpelo nome do aluno, <li *ngFor="#student of students | sortByName:queryElem.value ">{{student.name}}</li> Ele não atualiza …

5
O que é a função pipe () no Angular
Pipes são filtros para transformar dados (formatos) no modelo. Me deparei com a pipe()função abaixo. O que essa pipe()função significa exatamente neste caso? return this.http.get<Hero>(url) .pipe( tap(_ => this.log(`fetched hero id=${id}`)), catchError(this.handleError<Hero>(`getHero id=${id}`)) );

2
É possível usar um tubo no código?
Quando eu uso meu pipe personalizado em um modelo, é assim: {{user|userName}} E funciona bem. É possível usar um tubo no código? Tento usar assim: let name = `${user|userName}`; Mas mostra userName não está definido Minha forma alternativa é usar db.collection.findOne()manualmente no código. Mas existe alguma maneira inteligente?

17
Problema de tubo OrderBy
Não consigo traduzir este código de Angualr 1 para Angular 2: ng-repeat="todo in todos | orderBy: 'completed'" Isso é o que fiz seguindo a resposta de Thierry Templier: Modelo de componente: *ngFor="#todo of todos | sort" Código do componente: @Component({ selector: 'my-app', templateUrl: "./app/todo-list.component.html", providers: [TodoService], pipes: [ TodosSortPipe ] …
Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.