Блог

У меня есть два массива с разной структурой JSON; которые выглядят как:

 divisions:
    {
      title: string,
      text: string
    }[],
  

и:

 featureSection:
    {
      headingName: string,
      features: string[]
    }[]
  

Мне нужно создать подразделения, которые выглядят как (для подразделений):

 <div id="highlight-features" class="py-5 " *ngFor="let data of retrievedDATA.responseJSON.divisions; let odd=odd; let index = index let even=even" [ngClass]="{ 'bg-white': odd, 'bg-light-secondary': even }">
<div class="container">
  <div class="row">
    <div class="col-lg-8 mx-auto">

      <h2>{{ data.title }}</h2>
      <br>
      <p class="lead">{{ data.text }}</p>
    </div>
  </div>
</div>
  

и (для раздела функций):

 <div id="featureDiv" class="py-5 bg-light-secondary">
<div class="container">
  <div class="row">
    <div class="col-lg-8 mx-auto" *ngFor="let features of retrievedDATA.responseJSON.featureSection">
      <h2>{{ features.headingName }}</h2>
      <br>
      <ul>
      <li *ngFor="let feature of features.features">{{ feature }}</li>
      </ul>
    </div>
  </div>
</div>
  

проблема, с которой я сталкиваюсь, заключается в том, чтобы сделать нечетно-четные bg-white и bg-light-secondary согласованными для двух наборов ngFor, поскольку количество подразделений и featureSections может измениться в любое время, поэтому; я полагаю, что если я смогу передать индекс последнего em следующему ngFor, я смогу заставить это работать, но я не могу понять, как передать индекс