title: how to pass index i to data-target in modal. i is declared as index of angular reactive form Array
body: <p>I am using the reactive form array and want to pass index to the data-target value. i tried using (data-target = "#{{'monthlyPlanSelect'+i}}". but i am getting error. Please help me in let know how to pass the index i in data-target. </p>
  
  <pre><code>&lt;div class="col-sm-6 col-md-3 operational-levers-col"           
       formArrayName="opLevers" *ngFor="let levers of 
         opLevers.controls; let i = index"&gt;
        &lt;div [formGroupName]="i"&gt;
  
      &lt;button  class="btn btn-info" type="button" data-toggle="modal" data- 
        target = "#monthlyPlansSelect"&gt;
               12 Months plans
            &lt;i class="fas fa-external-link-alt"&gt;&lt;/i&gt;
       &lt;/button&gt;
     &lt;/div&gt;
     &lt;/div&gt;
  
      &lt;div formArrayName="opLevers" *ngFor="let levers of opLevers.controls; 
        let i=index"&gt;
         &lt;div [formGroupName]="i"&gt;
          &lt;div class="modal "
             id="{{'monthlyPlansSelect1'}}"
         &lt;/div&gt;
        &lt;/div&gt;
       &lt;/div&gt;
  </code></pre>