title: Use of interpolation in HTML to reduce code
body: <p>In my previous question 
  <a href="https://stackoverflow.com/questions/56692694/how-can-i-change-by-code-using-interpolation">link</a>
  and thanks to the answer of @Elma Cherb I learned how to use ngStyle to solve my problem.</p>
  
  <p>I need to expand the question to be able to change my code in a way that allows me to use interpolation to change # card10 for a combination with the index such as "#card" + index.
  Or use the previous solution but with multiple parameters not only with two.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code> &lt;mat-grid-tile *ngFor="let card of cards; let indice=index"
      [style.background]="'#F2F2F2'"
      [style.border]="'1px solid black'"
    &gt;
      &lt;div class="card"&gt;
        &lt;div #card10 class="overlay"&gt;
          &lt;h4&gt;CONTROL  &lt;/h4&gt;
          &lt;div&gt;{{card.name}}&lt;/div&gt;
          &lt;br /&gt;
          &lt;div&gt;{{card.id}}&lt;/div&gt;
          &lt;br /&gt;
          &lt;button
            *ngIf="verBoton10"
            class="btn-material"
            (click)="onClickHecho(card.id)"
          &gt;
            Hecho
          &lt;/button&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/mat-grid-tile&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>I have put my complete code in <a href="https://stackblitz.com/edit/kamishibai" rel="nofollow noreferrer">https://stackblitz.com/edit/kamishibai</a></p>