# ComposeDirective

## Selectors

`[compose]`

## Context

```typescript
interface ComposedContext {
    $implicit: any;
    templateRefs: TemplateRef<ComposedContext>[];
    [key: string]: any;
}
```

## Properties

| **Property**                                                                       | Description |
| ---------------------------------------------------------------------------------- | ----------- |
| <p>@Input()</p><p><strong>composeOf</strong>: TemplateRef\<ComposedContext>\[]</p> |             |
| <p>@Input()</p><p><strong>composeUse</strong>: any</p>                             |             |

## Example

```markup
<ng-template #pluck let-object>
    <ng-container *return="object.hello"></ng-container>
</ng-template>

<ng-container *compose="let hello of [ pluck ] use { hello: 'World!' }">
    {{ hello }} // World!
</ng-container>
```

[See more](https://ngxf.gitbook.io/platform/recompose/compose)