> For the complete documentation index, see [llms.txt](https://ngxf.gitbook.io/platform/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://ngxf.gitbook.io/platform/server-interaction/http.md).

# Http

The directive is a local non-state manager that dispatches requests your http service listen to and selects data out from the response.

## Creating Get Request

An `GET` request example in `COMPONENT.template.html`.

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

Also with options.

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

## Creating Post Request

An `POST` request example in `COMPONENT.template.html`.

```markup
<ng-container *http="let status post 'https://...' send body">
  {{ status }}
</ng-container>
```

Also with options.

```markup
<ng-container *http="let status post 'https://...' send body with options">
  {{ status }}
</ng-container>
```

## Creating Delete Request

An `DELETE` request example in `COMPONENT.template.html`.

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

Also with options.

```markup
<ng-container *http="let status delete 'https://...' with options">
  {{ status }}
</ng-container>
```

## Creating Head Request

An `HEAD` request example in `COMPONENT.template.html`.

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

Also with options.

```markup
<ng-container *http="let status head 'https://...' with options">
  {{ status }}
</ng-container>
```

## Creating Options Request

An `OPTIONS` request example in `COMPONENT.template.html`.

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

Also with options.

```markup
<ng-container *http="let status options 'https://...' with options">
  {{ status }}
</ng-container>
```

## Creating Patch Request

An `PATCH` request example in `COMPONENT.template.html`.

```markup
<ng-container *http="let status patch 'https://...' send body">
  {{ status }}
</ng-container>
```

Also with options.

```markup
<ng-container *http="let status patch 'https://...' send body with options">
  {{ status }}
</ng-container>
```

## Creating Put Request

An `PUT` request example in `COMPONENT.template.html`.

```markup
<ng-container *http="let status put 'https://...' send body">
  {{ status }}
</ng-container>
```

Also with options.

```markup
<ng-container *http="let status put 'https://...' send body with options">
  {{ status }}
</ng-container>
```