タグ付けされた質問 「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 | date: 'dd'}}/{{date | date:'MM'}}/{{date | date: 'yyyy'}}</h3> </div> `, directives: [] }) export class App { constructor() { this.name = 'Angular2' this.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> フィルタリングする生徒の名前フィールドに何か入力するまで、リストは更新されません。 ここにplnkrへのリンクがあります。 Hello_world.html <h1>Students:</h1> <label for="newStudentName"></label> <input type="text" name="newStudentName" placeholder="newStudentName" #newStudentElem> <button (click)="addNewStudent(newStudentElem.value)">Add New Student</button> <br> <input type="text" placeholder="Search" #queryElem (keyup)="0"> <ul> <li *ngFor="#student of students | sortByName:queryElem.value ">{{student.name}}</li> </ul> sort_by_name_pipe.ts import {Pipe} from 'angular2/core'; @Pipe({ …

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

107 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 ] }) パイプコード： import { Pipe } from "angular2/core"; import {Todo} from './todo'; @Pipe({ name: "sort" }) export class TodosSortPipe { transform(array: Array<Todo>, …

97 angular  angular2-template  angular-pipe