# Nézetek és erőforrások beillesztése

> Használd újra a jelölést az @{view()}-val, és adj hozzá szkripteket és stílusokat az @{import()}-tal.

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

Az `@{view(name, model)}` a helyén rendereli egy másik nézetet, így az ismétlődő részek (kártya, sor, lábléc) egy fájlban élnek. A második argumentum a beillesztett nézet modellje.

Az `@{import('a.js', 'a.css')}` a `public/js/` és `public/css/` fájljaihoz kiírja a `<script>` és `<link>` címkéket. Sorolj fel több fájlt `+`-szal összekapcsolva, hogy fájlonként egy címkét kapj.

```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' }] });
}
```