# HttpDirective

## Selectors

`[http]`

## Context

```typescript
interface RouteContext {
    $implicit: ActivatedRoute;
    snapshot: ActivatedRouteSnapshot;
    url: UrlSegment[];
    params: Params;
    queryParams: Params;
    fragment: string;
    data: Data;
    outlet: string;
    component: Type<any> | string;
    routeConfig: Route;
    root: ActivatedRoute;
    parent: ActivatedRoute | null;
    firstChild: ActivatedRoute | null;
    children: ActivatedRoute[];
    pathFromRoot: ActivatedRoute[];
    paramMap: ParamMap;
    queryParamMap: ParamMap;
}
```

## Properties

| **Property**                                                | Description |
| ----------------------------------------------------------- | ----------- |
| <p>@Input()</p><p><strong>httpGet</strong>: string</p>      |             |
| <p>@Input()</p><p><strong>httpHead</strong>: string</p>     |             |
| <p>@Input()</p><p><strong>httpJsonp</strong>: string</p>    |             |
| <p>@Input()</p><p><strong>httpOptions</strong>: string</p>  |             |
| <p>@Input()</p><p><strong>httpPatch</strong>: string</p>    |             |
| <p>@Input()</p><p><strong>httpPost</strong>: string</p>     |             |
| <p>@Input()</p><p><strong>httpPut</strong>: string</p>      |             |
| <p>@Input()</p><p><strong>httpSend</strong>: any</p>        |             |
| <p>@Input()</p><p><strong>httpCallback</strong>: string</p> |             |
| <p>@Input()</p><p><strong>httpWith</strong>: any</p>        |             |

## Example

```markup
<ng-container *http="let status get 'https://api.domain.example/api/status'">
  {{ status }}
</ng-container>
```

[See more](https://ngxf.gitbook.io/platform/server-interaction/http)