# j-Importer

> j-Import é um ótimo componente para a importação de templates HTML, scripts ou estilos de acordo com o caminho e condição.

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

__j-Import__ é um ótimo componente para a importação de templates HTML, scripts ou estilos de acordo com o caminho e condição.


__Configuração__:

- `if {String}` deve conter um valor
- `url {String}` URL relativa/absoluta para uma subpágina ou subparte
- `reload {String}` um link para o método no âmbito global, é executado se a __condition__ for válida
- `cleaner {Number}` (opcional) tempo de curvatura (em minutos) para o funcionamento da limpeza (default: `0`)
- `clean {String}` (opcional) um link para a função, é executado antes que o importador seja limpo
- `id {String}` um identificador personalizado para substituir frases `~ID~` no HTML importado (default: vazio)
- __NEW__: `singleton {Boolean}` trata apenas uma instância de importador de acordo com o `path + if + url` (default: `false`)
- __NEW__: `parent {String}` ele se move como uma criança direta do seletor `parent`
- __NEW__: `adapt {Boolean}` se `true` chama o método `reload:?/soemthing` para o plug-in nesto em vez do plug-ino atual (default: `false`)

__Nova atualização__:

j-Importer pode conter `<script type="text/html">` com um conteúdo que será avaliado como HTML se a condição for válida.

__É bom saber 1__:

- Todas as frases `CLASS` e `~PATH~` serão substituídas por `config.path` ou `config.if` automaticamente
- Todas as frases `~ID~` serão substituídas por `config.id` automaticamente
- O importador substitui automaticamente os elementos de `<SCR>` para os elementos `<script>` apenas dentro do modelo `<script type="text/html">`.

__É bom saber 2__:

Se o componente não estiver dentro do âmbito, então o valor do `config.if` substituirá os caracteres `?` em todas as chaves de configuração.

Use-o com `<ui-component name="importer">`Quando o componente ainda não está carregado, jComponent Descarrega-o no primeiro uso do endereço `DEF.fallback` (a partir do Componentator CDN por padrão). autor: Peter Širka. fonte: o Componentator Reserva de componentes, licença MIT.

```html example.html
<div>CURRENT VALUE: <ui-bind path="myvalue" config="html:value"></ui-bind></div>
<ui-component name="importer" path="myvalue" config="if:d3;url:https://d3js.org/d3.v4.min.js"></ui-component>

<script>

	var myvalue = '';

	setTimeout(function() {
		SET('myvalue', 'd3');
	}, 3000);

	setTimeout(function() {
		SET('myvalue', null);
	}, 5000);

	setTimeout(function() {
		// The component contains prevention for double import, so D3 won't be imported again.
		SET('myvalue', 'd3');
	}, 8000);

</script>
```