# j-LoadContent

> Komponent načíta obsah zo šablóny <script type='text/html'> a pridá ho do prvku. Je to skvelé riešenie pre opakovane použiteľný obsah. Učte sa z príkladu.

Framework: jcomponent20
Product: jComponent 20 (jcomponent@20)
Language: sk
Content-SHA256: 49aedd1d63d2c4b6a7c54c6b536291a6cc15ea1f48477c199fa35228839e9d71
Snapshot: c0700e321579725c5cf4f5ace1ad7d2866d1b4f93c24a63c0b41b6b7998e976c
Sources: components@910ed1a86f6e72b4f031d3ad0dc7844f9fc5cb8e
Review: not-recorded

Komponent načíta obsah zo šablóny `<script type="text/html">` a pridá ho do prvku. Je to skvelé riešenie pre opakovane použiteľný obsah. Učte sa z príkladu.


__Konfigurácia__:

- `selector {String}` selektor jQuery (použije ho pre celý DOM)
- `wait {Number}` zopakuje nájdenie šablóny v zadaných milisekundách (predvolené: `0`)
- `replace {String}` nahrádza zadané frázy v tvare: `find1=replace1,find2=replace2` (predvolené: prázdne)
- `exec {String}` prepojenie na `function(element)`, vykoná sa po načítaní šablóny

__Je dobré vedieť__:

- všetky frázy `SCR` budú nahradené frázou `script`

Použite ho so `<ui-component name="loadcontent">`. Keď komponent ešte nie je načítaný, jComponent ho stiahne pri prvom použití z adresy v `DEF.fallback` (predvolene CDN Componentator). Autor: Peter Širka. Zdroj: úložisko komponentov Componentator, licencia MIT.

```html example.html
<script type="text/html" id="template">
	<div>AAA PATH CCC</div>
	<ui-bind path="cities" config="template" class="block">
		<SCR type="text/html">
			{{ foreach m in value }}
				<div>{{ m }}</div>
			{{ end }}
		</SCR>
	</ui-bind>
</script>

<ui-component name="loadcontent" config="selector:#template;replace:PATH=111"></ui-component>
<br />
<ui-component name="loadcontent" config="selector:#template;replace:PATH=222"></ui-component>
<br />
<ui-component name="loadcontent" config="selector:#template;replace:PATH=333"></ui-component>
<br />
<ui-component name="loadcontent" config="selector:#template;replace:PATH=444"></ui-component>

<script>
	var cities = ['Bratislava', 'Berlin', 'Barcelona'];
</script>
```