私はテンプレートに取るコンポーネントを作成しましたディレクティブ

Question

実体せangular2：、私は指示せ、アイテムが何をするかで混乱している

<template #defaultTemplate let-item="item"> 
    <strong>{{item.name}}</strong> 
</template> 
<ul> 
    <li *ngFor="let item of items"> 
     <template [ngTemplateOutlet]="template || defaultTemplate" [ngOutletContext]="{item: item}"></template> 
    </li> 
</ul> 

：HTMLで

export class TemplateParamComponent implements OnInit { 
    @Input() items: Array<any>; 
    @Input() template: TemplateRef<any>; 
} 

をこれはitemという変数を作成しますか？ htmlのスコープで使用する変数を宣言できるようにする特別な指示がありますか？

Answer 1

あなたは<template>要素は、ドキュメントを読んでいるか、角のハンドルを理解するためにベストの提案：https://angular.io/guide/structural-directives

かいつまん：入力変数として関数として<template>（メソッド）とlet-somethingを検討してください。だから、

<template #defaultTemplate let-item="item"> 
    <strong>{{item.name}}</strong> 
</template> 

は

function defaultTemplate(item: any){ 
    return "<strong>" + item.name + "</strong>"; 
} 

として読み取ることができます