Object values are not displayed when I use EJS templating engine

Question

I have a very simple EJS setup:

staff

<ul>
<% staffs.all.Items.forEach(function(staff){%>
  <li><%= JSON.stringify(staff) %></li>
<% }); %> 
</ul>

<ul>
<% staffs.all.Items.forEach(function(staff){%>
   <li><%= staff.first_name %></li>
<% }); %>
</ul>

The output I get is:

staff
  - {"first_name":"John","staff_id":"324b2808-9f2b-4967-a27e-6f140d29ffa3","last_name":"Doe"}
  - {"first_name":"Mike","staff_id":"031c04d6-cd4a-4041-a20d-fc2ae4fbb23f","last_name":"Gates"}

  - 
  -

Why is nothing displayed in the second list? It should be:

  - John
  - Mike 

Answer 1

After having the same problem using the underscore templating engine. I figured out that the problem is actually in retrieving the data from DynamoDB.

Now if i do this:

app.Staff.getStaffs = function() {
    var deferred = q.defer()
    app.Staff.scan().exec(function(err, data) {
        if (err){
            deferred.reject(err);
        }else{
            deferred.resolve({
                all: JSON.parse(JSON.stringify(data))
            });
        }
    });
    return deferred.promise
}

Instead of this:

app.Staff.getStaffs = function() {
    var deferred = q.defer()
    app.Staff.scan().exec(function(err, data) {
        if (err){
            deferred.reject(err);
        }else{
            deferred.resolve({
                all: data
            });
        }
    });
    return deferred.promise
}

I get the values. Probably not the most optimal solution but it will do.