Angular Services

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 ...