Estoy tratando de crear un componente que haga algunas cosas y recorra un conjunto de resultados. Deseo poder proporcionar una "plantilla" para los elementos del conjunto de resultados en bucle.

Por ejemplo, esta es la idea a la que me dirijo:

<search-field>
    <ng-template let-item>
        <span><strong>{{item.foo}}</strong></span>
        <span>{{item.bar}}</span>
    </ng-template>
</search-field>

El contenido dentro desearch-field El componente debe usarse como plantilla para cada iteración del conjunto de resultados en bucle dentro de ese componente.

Así es como elsearch-field el componente puede verse:

<div class="search-container">
    <div class="search-input">
        <input type="text" class="form-control" placeholder="Search users..." [(ngModel)]="searchString" (ngModelChange)="searchStringChanged($event)">
        <div class="md-icon">search</div>
    </div>

    <ul class="search-results" *ngIf="searchResults.length > 0">
        <li class="search-results__item" *ngFor="let result of searchResults">
            <ng-content [item]="item"></ng-content> <!-- Template should be used here on each iteration and allow to pass in "item" to use in example up above -->
        </li>
    </ul>
</div>

¿Cómo puedo pasar cada elemento del bucle al ng-content para que tenga acceso a él en el código del primer ejemplo?