Angular2のngOutletContextを使用してテンプレートにコンテキストを渡す

Question

テンプレートを渡すコンポーネントがあります。このコンポーネントの内部では、データを表示できるようにコンテキストを渡したいと思います。

今

@Component({ 
    selector: 'my-component', 
    providers: [], 
    template: ` 
    <template [ngTemplateOutlet]="templ" [ngOutletContext]="{isVisible: true}"> 
    </template> 
    ` 
}) 
export class MyElementComponent implements OnInit { 
    @ContentChild(TemplateRef) templ; 
    constructor(){} 
} 

他の構成要素の内のコンポーネントを使用して：

<my-component> 
    <template> 
     {{isVisible ? 'yes!' : 'no'}} 
    </template> 
</my-component> 

だからmy-componentに、私は名前templと@ContentChildことによってそれのクラスで処理されたテンプレートを渡しています。

その後、my-componentのテンプレートでは、私はngTemplateOutletにtemplを渡していますし、加えて、私はtrueにisVisibleセットを持っていngOutletContextを使用してコンテキストを渡しています。

画面にはyes!が表示されますが、コンテキストは決して通過しないようです。

マイ角度バージョン：

"@angular/common": "^2.3.1", 
"@angular/compiler": "^2.3.1", 
"@angular/core": "^2.3.1", 

Answer 1

長い時間の後、私はそれを作りました。単一の値を持つ

例：ループと

@Component({ 
    selector: 'my-component', 
    providers: [], 
    template: ` 
    <template [ngTemplateOutlet]="templ" [ngOutletContext]="{isVisible: true}"> 
    </template> 
    ` 
}) 
export class MyElementComponent implements OnInit { 
    @ContentChild(TemplateRef) templ; 
    constructor(){} 
} 

<my-component> 
    <template let-isVisible="isVisible"> 
     {{isVisible ? 'yes!' : 'no'}} 
    </template> 
</my-component> 

例：

@Component({ 
    selector: 'my-component', 
    providers: [], 
    template: ` 
    <div *ngFor="let element of data"> 
     <template [ngTemplateOutlet]="templ" [ngOutletContext]="{element: element}"> 
     </template> 
    </div> 
    ` 
}) 
export class MyElementComponent implements OnInit { 
    @ContentChild(TemplateRef) templ; 
    constructor(){ 
     this.data = [{name:'John'}, {name:'Jacob'}]; 
    } 
} 

--- 

<my-component> 
    <template let-element="element"> 
     {{element.name}} 
    </template> 
</my-component> 

結果：

<div>John</div> 
<div>Jacob</div> 

Answer 2

ヘッズアップngOutletContextは非推奨とngTemplateOutletContextとして名前が変更されます。

私は同じ問題に直面しています "NgTemplateOutlet＃ngTemplateOutletContext"

CHANGELOG