Advanced Node.js Development

Adding the message body tag

Now we can go ahead and move on to the actual message body itself. That's going to happen next inside our second div, which we will be giving a class. The second div is going to have a class equal to message__body, and for a basic message, a non location-based message. All we're going to do is add a paragraph tag, and we're going to render our text inside by providing it two curly braces followed by text:

<script id="message-template" type="text/template"> 
  <li class="message"> 
    <div class="message__title"> 
      <h4>{{from}}</h4> 
      <span>{{createdAt}}</span> 
    </div> 
    <div class="message__body"> 
      <p>{{text}}</p> 
    </div> 
  </li> 
</script> 

With this in place we actually have a really great system for rendering our message template. ...