jak w angularze powtarzające się divy zapisać za pomocą pętli?

Question

Hej, mam taki kodzik. Jak w angularze moge to zapisać za pomoca pętli? Bo jest pełno powtarzającego się kodu i raczej tego się tak nie robi

<div class="container-fluid">
  <div class="row">
    <p>poniedziałek</p>
      <div class="col border border-dark"></div>
      <div class="col border border-dark"></div>
      <div class="col border border-dark"></div>
      <div class="col border border-dark"></div>
      <div class="col border border-dark"></div>
      <div class="col border border-dark"></div>
      <div class="col border border-dark"></div>
      <div class="col border border-dark"></div>
      <div class="col border border-dark"></div>
      <div class="col border border-dark"></div>
      <div class="col border border-dark"></div>
      <div class="col border border-dark"></div>
      <div class="col border border-dark"></div>
      <div class="col border border-dark"></div>
      <div class="col border border-dark"></div>
      <div class="col border border-dark"></div>
      <div class="col border border-dark"></div>
      <div class="col border border-dark"></div>
      <div class="col border border-dark"></div>
      <div class="col border border-dark"></div>
      <div class="col border border-dark"></div>
      <div class="col border border-dark"></div>
      <div class="col border border-dark"></div>
      <div class="col border border-dark"></div>
  </div>
  <div class="row">
    <p>wtorek</p>
    <div class="col border border-dark"></div>
    <div class="col border border-dark"></div>
    <div class="col border border-dark"></div>
    <div class="col border border-dark"></div>
    <div class="col border border-dark"></div>
    <div class="col border border-dark"></div>
    <div class="col border border-dark"></div>
    <div class="col border border-dark"></div>
    <div class="col border border-dark"></div>
    <div class="col border border-dark"></div>
    <div class="col border border-dark"></div>
    <div class="col border border-dark"></div>
    <div class="col border border-dark"></div>
    <div class="col border border-dark"></div>
    <div class="col border border-dark"></div>
    <div class="col border border-dark"></div>
    <div class="col border border-dark"></div>
    <div class="col border border-dark"></div>
    <div class="col border border-dark"></div>
    <div class="col border border-dark"></div>
    <div class="col border border-dark"></div>
    <div class="col border border-dark"></div>
    <div class="col border border-dark"></div>
    <div class="col border border-dark"></div>
</div>
<div class="row">
  <p>środa</p>
  <div class="col border border-dark"></div>
      <div class="col border border-dark"></div>
      <div class="col border border-dark"></div>
      <div class="col border border-dark"></div>
      <div class="col border border-dark"></div>
      <div class="col border border-dark"></div>
      <div class="col border border-dark"></div>
      <div class="col border border-dark"></div>
      <div class="col border border-dark"></div>
      <div class="col border border-dark"></div>
      <div class="col border border-dark"></div>
      <div class="col border border-dark"></div>
      <div class="col border border-dark"></div>
      <div class="col border border-dark"></div>
      <div class="col border border-dark"></div>
      <div class="col border border-dark"></div>
      <div class="col border border-dark"></div>
      <div class="col border border-dark"></div>
      <div class="col border border-dark"></div>
      <div class="col border border-dark"></div>
      <div class="col border border-dark"></div>
      <div class="col border border-dark"></div>
      <div class="col border border-dark"></div>
      <div class="col border border-dark"></div>
</div>
<div class="row">
  <p>czwartek</p>
  <div class="col border border-dark"></div>
  <div class="col border border-dark"></div>
  <div class="col border border-dark"></div>
  <div class="col border border-dark"></div>
  <div class="col border border-dark"></div>
  <div class="col border border-dark"></div>
  <div class="col border border-dark"></div>
  <div class="col border border-dark"></div>
  <div class="col border border-dark"></div>
  <div class="col border border-dark"></div>
  <div class="col border border-dark"></div>
  <div class="col border border-dark"></div>
  <div class="col border border-dark"></div>
  <div class="col border border-dark"></div>
  <div class="col border border-dark"></div>
  <div class="col border border-dark"></div>
  <div class="col border border-dark"></div>
  <div class="col border border-dark"></div>
  <div class="col border border-dark"></div>
  <div class="col border border-dark"></div>
  <div class="col border border-dark"></div>
  <div class="col border border-dark"></div>
  <div class="col border border-dark"></div>
  <div class="col border border-dark"></div>
</div>
<div class="row">
  <p>piątek</p>
  <div class="col border border-dark"></div>
  <div class="col border border-dark"></div>
  <div class="col border border-dark"></div>
  <div class="col border border-dark"></div>
  <div class="col border border-dark"></div>
  <div class="col border border-dark"></div>
  <div class="col border border-dark"></div>
  <div class="col border border-dark"></div>
  <div class="col border border-dark"></div>
  <div class="col border border-dark"></div>
  <div class="col border border-dark"></div>
  <div class="col border border-dark"></div>
  <div class="col border border-dark"></div>
  <div class="col border border-dark"></div>
  <div class="col border border-dark"></div>
  <div class="col border border-dark"></div>
  <div class="col border border-dark"></div>
  <div class="col border border-dark"></div>
  <div class="col border border-dark"></div>
  <div class="col border border-dark"></div>
  <div class="col border border-dark"></div>
  <div class="col border border-dark"></div>
  <div class="col border border-dark"></div>
  <div class="col border border-dark"></div>
</div>
<div class="row">
  <p>sobota</p>
  <div class="col border border-dark"></div>
  <div class="col border border-dark"></div>
  <div class="col border border-dark"></div>
  <div class="col border border-dark"></div>
  <div class="col border border-dark"></div>
  <div class="col border border-dark"></div>
  <div class="col border border-dark"></div>
  <div class="col border border-dark"></div>
  <div class="col border border-dark"></div>
  <div class="col border border-dark"></div>
  <div class="col border border-dark"></div>
  <div class="col border border-dark"></div>
  <div class="col border border-dark"></div>
  <div class="col border border-dark"></div>
  <div class="col border border-dark"></div>
  <div class="col border border-dark"></div>
  <div class="col border border-dark"></div>
  <div class="col border border-dark"></div>
  <div class="col border border-dark"></div>
  <div class="col border border-dark"></div>
  <div class="col border border-dark"></div>
  <div class="col border border-dark"></div>
  <div class="col border border-dark"></div>
  <div class="col border border-dark"></div>
</div>
<div class="row">
  <p>niedziela</p>
  <div class="col border border-dark"></div>
      <div class="col border border-dark"></div>
      <div class="col border border-dark"></div>
      <div class="col border border-dark"></div>
      <div class="col border border-dark"></div>
      <div class="col border border-dark"></div>
      <div class="col border border-dark"></div>
      <div class="col border border-dark"></div>
      <div class="col border border-dark"></div>
      <div class="col border border-dark"></div>
      <div class="col border border-dark"></div>
      <div class="col border border-dark"></div>
      <div class="col border border-dark"></div>
      <div class="col border border-dark"></div>
      <div class="col border border-dark"></div>
      <div class="col border border-dark"></div>
      <div class="col border border-dark"></div>
      <div class="col border border-dark"></div>
      <div class="col border border-dark"></div>
      <div class="col border border-dark"></div>
      <div class="col border border-dark"></div>
      <div class="col border border-dark"></div>
      <div class="col border border-dark"></div>
      <div class="col border border-dark"></div>
</div>
</div>

 

Answer 1

Użyj dyrektywy ngFor[Of].