Carga una librería antes de que arranque un componente

jComponent 20 · jcomponent@20 jcomponentfrontendcomponentsdependencies Ejecutada con jComponent 20

El cuarto argumento de COMPONENT() es una lista de dependencias: URL de scripts (.js) o estilos (.css) que el componente necesita. jComponent descarga cada una solo una vez, en orden, y crea el componente cuando todas están cargadas, de modo que make() puede contar con que la librería esté ahí. Es la forma de envolver una librería de terceros en un componente sin cargarla en las páginas que no lo usan.

public/js/starslib.js

window.starslib = {
	render: function(count) {
		var html = '';
		for (var i = 0; i < count; i++)
			html += '<span class="star">*</span>';
		return html;
	}
};

public/index.html

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8" />
	<title>jComponent</title>
	<link rel="stylesheet" href="//cdn.componentator.com/spa.min@20.css" />
	<script src="//cdn.componentator.com/spa.min@20.js"></script>
</head>
<body>
	<ui-component name="stars" config="count:3"></ui-component>

	<script>

		COMPONENT('stars', 'count:5', function(self, config) {

			self.make = function() {
				// starslib.js was loaded before make()
				self.html(window.starslib.render(config.count));
			};

		}, ['/js/starslib.js']);

	</script>

</body>
</html>

Pruébalo en tu navegador

Edita el ejemplo y ejecútalo. Se ejecuta en un marco aislado de tu navegador; no se envía nada a nuestro servidor.

Código

Vista previa