ジェネリック型パラメータをAngular2コンポーネントに渡すにはどうすればよいですか？

Question

、のは、私が固定された入力パラメータタイプのコンポーネントを持って言う

@Component({ 
    selector: 'fixed', 
    template: '<div>{{value}}</div>' 
}) 
export class FixedComponent { 
    @Input() value: string; 
} 

つまり私はそのパラメータタイプは一般的なことについてに行くにはどうすればよい

、ある

@Component({ 
    selector: 'generic', 
    template: '<div>{{value}}</div>' 
}) 
export class GenericComponent<T> { 
    @Input() value: T; 
} 

をしてみましょう、どのように私は型を渡すん親コンポーネントのテンプレートには？

<generic ...></generic> 

Answer 1

私はちょうど角度で遊んでいると私は、内部および外部コンポーネントを持つことでViewChild、 を使用してこの作業を行いました。コンポーネントの内部コンポーネント宣言で

は次のようである：私はルータによって呼び出され、外側のコンポーネントで

@Injectable() 
@Component({ 
selector: 'inner-selector', 
templateUrl: ..., 
styleUrls: ..., 
directives: [ 
...] 
export class InnerComponent**<T>** ... 

：私は知りません

import {Component} from '@angular/core'; 
import {InnerComponent} from '../components/inner.component'; 
import {ViewChild } from '@angular/core'; 

@Component({ 
    selector:  'demo-app', 
    template: '<inner-selector></inner-selector>', 
directives: [InnerComponent] 
}) 
export class TestPage { 

    @ViewChild(InnerComponent) 
    **private innerComponent:InnerComponent<MPSalesHeader>;** 
}; 

が、これは良い方法ですが、それ働いた。

よろしくお願いいたします。

Answer 2

Angular 2の子コンポーネントで汎用タイプのパラメータを使用できるようです。

@Component({ 
    selector: 'app-child', 
    template: '<p>Generic Child</p><p>{{cp}}</p>' 
}) 
export class GenericChildComponent<T> { 
    @Input() cp: T; 
} 

import { GenericChildComponent } from './generic-child.component'; 
@Component({ 
    selector: 'app-root', 
    template: '<app-child [cp]="p1"></app-child><hr /><app-child [cp]="p2"></app-child>', 
    directives: [GenericChildComponent] 
}) 
export class ParentComponent { 
    p1: string = 'property 1'; 
    p2: number = 100; 
} 

これはViewChild技術のいずれかがaboveを提案したり、基本クラスの技術にhereを提案頼ることなく動作します。

Answer 3

AOT compilationを使用する場合、これを行う唯一の方法は、ジェネリックタイプを 'any'に置き換えることです。 https://github.com/angular/angular/issues/11057