Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

JavaScript Express Basics (2015) Using Templates with Express Review the res.render method

San Francisco
San Francisco
28,373 Points
Posted by San Francisco
San Francisco
28,373 Points

Halp Challenge Task 2 of 2 Inject the posts object into your template, naming it "posts".

'use strict';

var express = require('express'),
  posts = require('./mock/posts.json');

var app = express();

app.set('view engine', 'jade');
app.set('views', __dirname + '/templates')

app.get('/', function(req, res){
  res.render('main', {post: post, name: 'posts'});
  //res.render('post', {post: post});
  //res.render('post', {blogPost: post, anotherKey: 'string value'});
});

app.listen(3000, function() {
  console.log("The frontend server is running on port 3000!");
});

4 Answers

Chyno Deluxe
Chyno Deluxe
16,936 Points 
res.render('main', {posts: posts});
Ary de Oliveira
Ary de Oliveira
28,298 Points
Ary de Oliveira
Ary de Oliveira
28,298 Points

Dry Answer ...

'use strict';

var express = require('express'), posts = require('./mock/posts.json');

var app = express();

app.set('view engine', 'jade'); app.set('views', __dirname + '/templates');

app.get('/', function(req, res){ res.render('main') });

app.get('/', function(req, res){ res.render( 'main', {posts: posts}) })

app.listen(3000, function() { console.log("The frontend server is running on port 3000!"); });

Alan McClenaghan
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Alan McClenaghan
Full Stack JavaScript Techdegree Graduate 56,501 Points
Alan McClenaghan
.a{fill-rule:evenodd;}techdegree seal-36
Alan McClenaghan
Full Stack JavaScript Techdegree Graduate 56,501 Points

This is very confusing using "posts" in this context. Makes me think it is something to do with the GET/POST requests rather being like the prompt/hint interpolation we've just been looking at.

Chyno Deluxe
Chyno Deluxe
16,936 Points
Chyno Deluxe
Chyno Deluxe
16,936 Points

You almost have it. you just need to pass the object posts: posts.

'use strict';

var express = require('express'),
  posts = require('./mock/posts.json');

var app = express();

app.set('view engine', 'jade');
app.set('views', __dirname + '/templates')

app.get('/', function(req, res){
  res.render('main', {posts: posts});
  //res.render('post', {post: post});
  //res.render('post', {blogPost: post, anotherKey: 'string value'});
});

app.listen(3000, function() {
  console.log("The frontend server is running on port 3000!");
});

I hope this helps

San Francisco
San Francisco
28,373 Points
San Francisco
San Francisco
28,373 Points

not sure what you mean can you show me please