2.7 KiB
2.7 KiB
id | title | challengeType | videoUrl | localeTitle |
---|---|---|---|---|
5895f70bf9fc0f352b528e64 | Use a Template Engine's Powers | 2 | Use os poderes de um motor de modelo |
Description
#{variable_name}
inline com outro texto em um elemento ou usando um lado igual no elemento sem um espaço como p= variable_name
que define esse p texto dos elementos para igualar a variável. Nós recomendamos fortemente que você olhe a sintaxe e a estrutura do Pug aqui em seu README do Githubs. Pug tem tudo a ver com o uso de espaços em branco e guias para mostrar elementos aninhados e reduzir a quantidade de código necessária para criar um site bonito. Olhando para o nosso arquivo pug 'index.pug' incluído no seu projeto, usamos as variáveis title e message Para passar essas informações sozinho do nosso servidor, você precisará adicionar um objeto como um segundo argumento ao seu res.render com as variáveis e seu valor. Por exemplo, passe esse objeto ao longo da configuração das variáveis para sua visualização de índice: {title: 'Hello', message: 'Please login'
Deve ser semelhante a: res.render(process.cwd() + '/views/pug/index', {title: 'Hello', message: 'Please login'});
Agora atualize sua página e você deverá ver esses valores renderizados em sua visão no local correto, conforme estabelecido em seu arquivo index.pug! Envie sua página quando achar que está certo. Instructions
Tests
tests:
- text: Variáveis de renderização do Pug corretas
testString: 'getUserInput => $.get(getUserInput("url")+ "/") .then(data => { assert.match(data, /pug-variable("|")>Please login/gi, "Your projects home page should now be rendered by pug with the projects .pug file unaltered"); }, xhr => { throw new Error(xhr.statusText); })'
Challenge Seed
Solution
// solution required