# Συμπερίληψη προβολών και πόρων

> Επαναχρησιμοποιήστε markup με @{view()} και προσθέστε scripts και στυλ με @{import()}.

Framework: total5
Product: Total.js 5 (total5@0.0.19)
Language: el
Content-SHA256: b62bbaec8c1cf31252be5480bdab5b355bcda2c33a483d824271579d0d6b6d59
Snapshot: c0700e321579725c5cf4f5ace1ad7d2866d1b4f93c24a63c0b41b6b7998e976c
Sources: total5-installed@total5@0.0.19
Review: not-recorded

Το `@{view(name, model)}` αποδίδει μια άλλη προβολή επί τόπου, ώστε τα επαναλαμβανόμενα κομμάτια (μια κάρτα, μια γραμμή, ένα υποσέλιδο) να ζουν σε ένα αρχείο. Το δεύτερο όρισμα είναι το μοντέλο της συμπεριλαμβανόμενης προβολής.

Το `@{import('a.js', 'a.css')}` γράφει τα tags `<script>` και `<link>` για αρχεία στο `public/js/` και `public/css/`. Απαριθμήστε πολλά αρχεία ενωμένα με `+` για να πάρετε ένα tag ανά αρχείο.

```html views/card.html
<article class="card"><h2>@{model.title}</h2></article>
```

```html views/index.html
@{layout('')}
@{import('app.js', 'app.css')}
@{foreach item in model.items}
	@{view('card', item)}
@{end}
```

```js controllers/default.js
exports.install = function() {
	ROUTE('GET /', page);
};

function page($) {
	$.view('index', { items: [{ title: 'First' }, { title: 'Second' }] });
}
```