Let's say I got an interface (or an actual component) `ListItemRenderer` and a component `MyRendererComponent` that implements that interface (or extends the base component)

```
@Component({
    selector: 'my-renderer',
    template: '<div>My renderer</div>'
})
export class MyRendererComponent implements ListItemRenderer {
    ...
}

```

I'd like to pass this concrete implementation to another component, e.g.

```
@Component({
    selector: 'my-list',
    template: `
        <ul [renderer]="renderer" [items]="items">
            <li *ngFor="let item of items">
                <!-- what goes here? -->
            </li>
        </ul>
    `
})
export class MyList {
    @Input() renderer: ListItemRenderer;
    @Input() items: any[];
    ...
}

```

Obviously, the parent component would have a public property `renderer`of type `ListItemRenderer`. The question is, how do I go about using that component in my `<li>` (see "*what goes here?*" above)?