The evidence template

We know that we are going to start with word instances and their counts and later on we are going to add more calculations to it. So let's create a table structure and add columns to it as we proceed.

Open the evidence.html file and modify its contents as follows:

# src/app/evidence/evidence.html 
<div class="col-md-6"> 
  <div class="panel panel-default "> 
    <!-- Default panel contents --> 
    <div class="panel-heading">Processing words</div> 
    <!-- Table --> 
    <table class="table"> 
      <thead> 
      <tr> 
        <th>#</th><th>Words</th><th>Raw Value</th> 
      </tr> 
      </thead> 
      <tbody *ngFor="#w of evidenceService.words; #i=index"> 
      <tr> 
        <th>{{i+1}}</th> 
        <td>{{w.word}}</td> 
        <td>{{w.count}}</td> 
      </tr> 
      </tbody> 
    </table> 
  </div> 
</div> 

Let's check out the result so far ...

Get Angular Services now with the O’Reilly learning platform.

O’Reilly members experience live online training, plus books, videos, and digital content from nearly 200 publishers.