Angular2'de bir bileşen olarak bir ifadeye bir giriş nasıl iletilir?

Question

Bir bileşenin şablonunda değerlendirilecek bir bileşene bir ifade iletmem gerekiyor. Örneğin

, bileşen:

@Component({ 
    selector: 'app-my-component', 
    ... 
}) 
export class MyComponent { 
    @Input items: MyClass; 
    @Input expression: String; 
    ... 
} 

bileşenin şablonla: MyComponent ait

<div *ngFor="let item of items"> 
    {{expression}} 
</div> 

Kullanımı:

<app-my-component [items]="listOfItems" [expression]="'[item.id] item.name'"> 
</app-my-component> 

birden fazla girdi olacak gibi ben istiyorum TemplateRef kullanımını önlemek için. NgFor direktifin ngForTemplate giriş özelliğini kullanarak

1):

Answer 1

Belki bu seçeneklerden can biri size yardımcı olur

Bileşen

@Component({ 
    selector: 'app-my-component', 
    template: ` 
    <div *ngFor="let item of items template: itemTemplate"></div>` 
}) 
export class MyComponent { 
    @Input() items: any; 
    @ContentChild(TemplateRef) itemTemplate: TemplateRef<any>; 
} 

Veli

direktifini kullanarak

Plunker

2)

Bileşen

@Component({ 
    selector: 'app-my-component', 
    template: ` 
    <div *ngFor="let item of items"> 
    <ng-template [ngTemplateOutlet]="itemTemplate" [ngTemplateOutletContext]="{ $implicit: item }"></ng-template> 
    </div>` 
}) 
export class MyComponent { 
    @Input() items: any; 
    @ContentChild(TemplateRef) itemTemplate: TemplateRef<any>; 
} 

Veli aynı kalır:

<app-my-component [items]="listOfItems"> 
    <ng-template let-item>[{{item.id}}] {{item.name}}</ng-template> 
</app-my-component> 

Plunker

Eğer ` '[item.id] item.name'` yapmak gerekiyordu ne ifade