2.4 KiB
2.4 KiB
id | title | challengeType | videoUrl | localeTitle |
---|---|---|---|---|
5895f70bf9fc0f352b528e64 | Use a Template Engine's Powers | 2 | 使用模板引擎的权力 |
Description
#{variable_name}
与元素上的其他文本内联,或者在元素上使用相等的一侧而不使用空格(例如p= variable_name
来设置该p= variable_name
。 p元素文本等于变量。我们强烈建议在他们的Githubs自述文件中查看 Pug的语法和结构。 Pug就是使用空格和制表符来显示嵌套元素,并减少制作漂亮网站所需的代码量。查看项目中包含的我们的pug文件'index.pug',我们使用变量title和message要从我们的服务器单独传递它们,您需要将一个对象作为第二个参数添加到res.render中 ,并带有变量和他们的价值。例如,传递此对象以设置索引视图的变量: {title: 'Hello', message: 'Please login'
它应该看起来像: res.render(process.cwd() + '/views/pug/index', {title: 'Hello', message: 'Please login'});
现在刷新页面,您应该在视图中呈现的那些值在index.pug文件中列出的正确位置!当您认为自己已经做对时,请提交您的页面。 Instructions
Tests
tests:
- text: 帕格渲染变量正确
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