RiotJS - Enviar un array

quico5 · #1 (**permalink**) 20/04/2017, 18:26

Estoy dando mis primeros pasos con RiotJS, y me gustaria poder pasar un array de PHP, este seria recorrido por RiotJS e ir devolviendo los KEYS y los VALUES correspondientes generando varios enlaces, gracias

Código HTML:

<!DOCTYPE html>
<html>
<head>
</head>
<body>
	<card
title="CSS Images"
thumbnail="https://www.w3schools.com/css/trolltunga.jpg"
content="Lorem ipsum dolor sit amet, consectetur adipisicing elit. Soluta earum nisi, dolore minus, repellat provident non facere amet labore, architecto ullam quibusdam. Aliquam consequuntur fuga, veniam saepe nostrum est numquam."></card>

	<script src="riot+compiler.min.js"></script>
	<script src="components.tag" type="riot/tag"></script>
	<script>riot.mount("*");</script>
</body>
</html>

Código HTML:

<card>
	<img src="{opts.thumbnail}">
	<h1>{opts.title}</h1>
	<p>{opts.content}</p>
	
	<style>
		card{
			display:flex;
			flex-direction:column;
			border:1px solid silver;
			border-radius:.5em;
			overflow:hidden;
		}
		img{
			max-width:100%;
		}
		h1{
			color:white;
			text-shadow: 0 0 .1em #000;
			text-align:center;
			line-height:1.5em;
			margin:-1.5em 0 0;
			padding:0 .5em;
		}
		p{
			margin:0;
			padding:.5em;
		}
	</style>
</card>

[/HTML]

quico5 · #2 (**permalink**) 22/04/2017, 07:50

Lo he apañado de la siguiente forma:

Código HTML:

<!DOCTYPE html>
<html lang="es-ES">
<head>
	<meta charset="UTF-8">
</head>
<body>

	<my-tag><script>var a = [{link:"Google",href:"http://google.es"},{link:"Yahoo",href:"http://yahoo.es"}]</script></my-tag>

	<checkbox></checkbox>

	<script src="riot+compiler.min.js"></script>
	<script src="components.tag" type="riot/tag"></script>
	<script>riot.mount('*',{link:a})</script>
</body>
</html>

Código HTML:

<my-tag>
	<a each={a in opts.link} href="{a.href}">{a.link}</a>
</my-tag>

Pero mi idea era poderlo hacer más o menos así:

Código HTML:

 <my-tag link="{link:"Google",href:"http://google.es"},{link:"Yahoo",href:"http://yahoo.es"}"></my-tag>