# NgxsCrudActiveComponent

Display's the currently active entity of a collection

The path **entities.posts** defined in the example below is the corresponding collection's state path. See [States Registry](https://bitflut.gitbook.io/frrri/ngxs-crud/recipes/states-registry) for more information.

```markup
<frrri-active path="entities.posts" #activePostComponent>
    <ng-container *ngIf="activePostComponent.active$ | async as post">
        <div>#{{ post.id }} {{ post.title }}</div>
        <div>{{ post.body }}</div>
    </ng-container>

    <div class="loading">
        LOADING...
    </div>
</frrri-active>
```