パイプ。コンポーネントへのコンポーネントの注入Angular 2

Question

Angular2 RC.4では、コンポーネントとパイプを各コンポーネントに注入できます。

@Component({ 
    pipes: [ ToShortTime, ToTimeZone], 
    directives: [Restaurant, Spinner] 
}) 

リリースバージョンのAngular2ではどうすればよいですか？ （例えばNgModuleに「宣言」を使用していない、一の成分のみで、いくつかのパイプを注入。

Answer 1

そのことはできません！

をあなたはちょうどその成分を含むモジュールを作成することができます。..

Answer 2

私はわかりませんそれは、テンプレート側から可能であるかない。しかし、それは（コンポーネントのクラスから）JavaScriptを通過可能であると確信しているかどうかを

Plunker：。。http://plnkr.co/edit/EDWfnnhe4NYsewpOoFhP?p=preview

import { Component } from '@angular/core'; 
import {Pipe, PipeTransform} from '@angular/core'; 

class LengthPipe implements PipeTransform { 
    transform(value: string, displayMessage: boolean): string { 
    return displayMessage ? `${value} ${value.length}` : `${value.length}` 
    } 
} 

@Component({ 
    selector: 'my-app', 
    template: '<h1>My First Angular 2 App</h1><p>{{title}}</p><button (click)="doPipe()">Call Pipe</button>' 
}) 
export class AppComponent { 
    title: String = 'Title'; 
    doPipe() { 
    let f = new LengthPipe(); 
    this.title = f.transform(this.title,true) 
    } 
} 

Answer 3

私は同じことをしました（私はrc4から最終リリースに移行しました）。私は独自のスピナーコンポーネント（spinner.component）を作成しました。

1）app.moduleに：

私はプロバイダで宣言とSpinnerServiceでSpinnerComponentを輸入しました。 app.component.htmlで

2）：

Iはlogin.componentに）router-outlet

3の前または後<spinner-component></spinner-component>を追加：

）私はSpinnerServiceインポート（セットコンストラクタでそれを宣言

最後に、私はこのサービスをhttpリクエスト/レスポンスごとに使用します