Criado por Tim McEwan, @tjmcewan
Traduzido por Marina Limeira, @marinalimeira_
Utilizar .inspect
funciona para depurar, mas nós não queremos utilizá-lo em produção. Por um motivo, é muito difícil estilizar a saída. Vamos colocar nossa lista de cafés dentro do HTML correto.
1. Configuração
Primeiro vamos fazer um método que irá retornar nossos café dentro de tags HTML. Nós iremos nomear o método coffees_html
, e o que ele faz é meio óbvio. Defina ele como:
E no seu template altere a linha #{ $coffees.inspect }
para chamar nosso novo método:
2. Adicione algum HTML
Escreva alguma coisa para tornar a variável global $coffees
em HTML que pareça assim:
Dica: Lembre-se, a variável $coffees
é um array de hashes.
Nós queremos iterar o array $coffees
e transformar cada hash em uma string HTML, dentro de <div>
s, que deveriam ser todos separados por <br/>
s. Nós também queremos ter certeza de estar retornando uma string.
Para alguma ideias de solução, cheque isto.