title: Repeat HTML element multiple times using ngFor based on an object property
body: <p>Using Angular, I am creating an object, <code>starStructure</code> based off each object's <code>vote_average</code>. This is what my object array looks like:</p>
  
  <pre><code>[
    {"title":"Solo: A Star Wars Story",
     "vote_average":7.1,
     "starStructure":{"full":3,
                      "halfStar":true
                     }
     },
    {"title":"Jurassic World: Fallen Kingdom",
     "vote_average":6.5,
     "starStructure":{"full":3}
    }
  ]
  </code></pre>
  
  <p>How can I use <code>*ngFor</code> to repeat <code>&lt;i class="material-icons"&gt;star&lt;/i&gt;</code> for the amount of times listed in <code>starStructure.full</code>?</p>
  
  <p>I have created a <a href="https://stackblitz.com/edit/angular-dzqzdd?file=src%2Fapp%2Fapp.component.html" rel="nofollow noreferrer">StackBlitz for this issue</a>.</p>