Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Erro no método template

Referente ao curso JavaScript: conhecendo o Browser e padrões de projeto, no capítulo Temos o modelo, mas e a view? e atividade Enxugando o código

por DANILO C. GRACIANO
| 264.8k xp | 19 posts

No trecho abaixo:

<tbody>
                $(model.negociacoes.map(n => `

                      <tr>
                        <td>${DateHelper.textFromDate(n.getData())}</td>
                        <td>${n.getQuantidade()}</td>
                        <td>${n.getValor()}</td>
                        <td>${n.getVolume()}</td>
                      </tr>

                  `)join('')}
            </tbody>

A seguinte mensagem é exibida

Uncaught SyntaxError: Unexpected token <

Na linha

<td>${DateHelper.textFromDate(n.getData())}</td>

Se eu retirar a linha, da erro na próxima. Isso me diz que a template string não está sendo interpretada, correto?

Uso Chrome Versão 56.0.2924.87

Se eu fizer o código da forma abaixo, também acontece na mesma linha:

<tbody>
                $(model.negociacoes.map(n => `

                      <tr>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                      </tr>

                  `)join('')}
            </tbody>
2 respostas
solução!
por Stephen Knüpfer
| 160.4k xp | 35 posts
Intern Developer

Você abriu com "(" e fechou com "}" . Será que não é isso?

por DANILO C. GRACIANO
| 264.8k xp | 19 posts

Sim era isso, devia ter aberto com '{', funcionou veja abaixo:

<tbody>
                ${model.getNegociacoes().map(n => 

                      `
                          <tr>
                            <td>${DateHelper.textFromDate(n.getData())}</td>
                            <td>${n.getQuantidade()}</td>
                            <td>${n.getValor()}</td>
                            <td>${n.getVolume()}</td>
                          </tr>
                      `

                  ).join('')}
            </tbody>

Só que na explicação do vídeo está errado, como eu havia tentado de várias maneiras, resolvi copiar e colar, daí deu nisso.

Veja em https://cursos.alura.com.br/course/javascript-es6-orientacao-a-objetos-parte-1/task/16565

Obrigado pela ajuda!