7 - Passing Data to Views

Neel1105 · Aug 30, 2016 · 61a8675 · 61a8675
1 parent 7a27294
commit 61a8675
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 2 deletions.
diff --git a/app/routes.js b/app/routes.js
@@ -15,7 +15,14 @@ router.get('/', function(req, res) {
 
 // route for our about page
 router.get('/about', function(req, res) {
-  res.render('pages/about');
+  var users = [
+    { name: 'Holly', email: '[email protected]', avatar: 'http://placekitten.com/300/300'},
+    { name: 'Chris', email: '[email protected]', avatar: 'http://placekitten.com/400/400'},
+    { name: 'Ado', email: '[email protected]', avatar: 'http://placekitten.com/500/500'},
+    { name: 'Samantha', email: '[email protected]', avatar: 'http://placekitten.com/700/700'}
+  ];
+
+  res.render('pages/about', { users: users });
 });
 
 router.get('/contact', function(req, res) {

diff --git a/views/pages/about.ejs b/views/pages/about.ejs
@@ -11,5 +11,14 @@
 
 <%- contentFor('body') %>
 <div class="jumbotron text-center">
-  About Page
+  <h1>The Team</h1>
+
+  <div class="row">
+    <% for (user of users) { %>
+      <div class="col-sm-3">
+        <h2><%= user.name %>
+        <img src="<%= user.avatar %>" alt="" class="img-responsive">
+      </div>
+    <% } %>
+  </div>
 </div>