> For the complete documentation index, see [llms.txt](https://mandarineframework.gitbook.io/mandarine-ts/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://mandarineframework.gitbook.io/mandarine-ts/v1.0.1/mandarine-mvc/template-engine/accessing-data-from-template.md).
# Accessing data from template
This page summarizes all the concepts needed to access data from a template
## Main
Mandarine's engine allows you to interact and make your templates access data located in your application's back-end. For this, your [HTTP Handler](https://mandarineframework.gitbook.io/mandarine-ts/mandarine-mvc/controllers/http-handlers) decorated with [`@Render`](https://mandarineframework.gitbook.io/mandarine-ts/mandarine-mvc/template-engine/render-decorator) must return an object. This object will then be accessible from the template & it is meant to have the information you would like to interact with.
### The @Model decorator
The `@Model` decorator provides a data modeler for your template in a programatic way. It is a [HTTP Parameter Decorator](https://mandarineframework.gitbook.io/mandarine-ts/mandarine-mvc/controllers/http-handlers#http-parameter-decorators), which means, it is used & injected in the parameters of an HTTP handler.
`@Model` working as your data modeler for your template makes your code easier to interact with & more readable. Although, it does not have any important functionality more than serving as a helper for your template's data.
When using [ViewModel](https://doc.deno.land/https/raw.githubusercontent.com/mandarineorg/mandarinets/master/mvc-framework/core/modules/view-engine/viewModel.ts) (object injected from `@Model`), your method instead of returning an object, **must** return this class as Mandarine will resolve the attributes added to the modeler at *request time*.
**Syntax:**
```
@Model()
```
## Usage
Example
```typescript
./src/main/resources/templates/my-template.html
Hello <%= data.name %> <%= data.lastname %>
Your current address is: <%= data.address.city %>, <%= data.address.state %>, <%= data.address.country %>.
```
{% tabs %}
{% tab title="Controller" %}
```typescript
import { Controller, GET, Render, Model, ViewModel, MandarineCore } from "https://deno.land/x/mandarinets/mod.ts";
@Controller()
export class MyController {
@GET('/path-template')
@Render('my-template.html')
public httpHandler(@Model() model: ViewModel) {
model.setAttribute("data", {
name: "Andres",
lastname: "Pirela",
address: {
city: "New york",
state: "NY",
country: "United States"
}
});
// returning ViewModel object.
return model;
}
@GET('/manual-template')
@Render(`<%= name %>
`, { manual: true })
public httpHandler2() {
return {
name: "Andres"
};
}
}
new MandarineCore().MVC().run();
```
{% endtab %}
{% tab title="Result" %}
{% endtab %}
{% endtabs %}