Reactと同様のローカルHTMLテンプレートのようなものを作成することは可能ですか？

Question

たとえば、私はこの

<div class="leader"> 
    <div class="person"> 
     <div class="firstname">{{leader.firstName}}</div> 
     <div class="lastname">{{leader.lastName}}</div> 
    </div> 
</div> 
<div class="people"> 
     <div *ngFor="let person of people" class="person"> 
      <div class="firstname">{{person.firstName}}</div> 
      <div class="lastname">{{person.lastName}}</div> 
     </div> 
</div> 

のようなものを持っているが、全体のコンポーネントを作成することなく、このコード

<div class="person"> 
    <div class="firstname">{{person.firstName}}</div> 
    <div class="lastname">{{person.lastName}}</div> 
</div> 

を再利用することが可能ですか？例えば

では、関数はあなたがngTemplateContainerを使用することができます。ここでngのテンプレート

がplunkerあるこの

function renderPerson(person){ 
    return (
    <div class="person"> 
     <div class="firstname">person.firstName</div> 
     <div class="lastname">person.lastName</div> 
    </div> 
    ); 
} 

Answer 1

のために使用することができる反応します。

<ng-template #reusable let-person="person"> 
{{person.firstName}} - {{person.lastName}} 
</ng-template> 

<h3>Leaders</h3> 

<div *ngFor="let leader of leaders"> 
    <ng-container *ngTemplateOutlet="reusable; context:{person: leader}"></ng-container> 
</div> 

グレート記事here