Angular2'de ngOutletContext aracılığıyla kalıba geçirme

Question

Şablonu aktardığım bir bileşenim var. Bu bileşenin içinde içeriği görüntüleyebilmek için içeriği geçmek istiyorum.

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

Şimdi diğer bileşenin iç bileşenini kullanırken:

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

Yani my-component I adıyla templ ile @ContentChild tarafından 's sınıfında işlenir bir şablon geçirerek. i ngTemplateOutlet için templ geçirerek ve buna ek olarak, bir true için isVisible seti vardır ngOutletContext kullanılarak bağlamı geçirerek my-component sitesindeki şablonda sonra

.

Ekranda yes!'u görmeliyiz, ancak bağlamın hiçbir zaman geçmediği anlaşılıyor.

Benim açısal versiyonu: Uzun bir süre sonra

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

Answer 1

, ben yaptım. tek bir değer ile

Örnek: döngü ile

@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> 

Örnek:

@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> 

Sonuç:

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

Answer 2

Başlıkları kadar ngOutletContext kaldırıldı ve ngTemplateOutletContext olarak düzenlenmiştir.

"NgTemplateOutlet # ngTemplateOutletContext"

CHANGELOG