title: Angular custom-control-input doesn't work correctly with formControlName inside loop
body: <p>i want to apply a custom theme style on angular but checkbox didn't work correctly.</p>
  <p>i have this part of code and worked very well :</p>
  <pre><code>&lt;tr *ngFor=&quot;let item of lists let i=index&quot; [formGroupName]=&quot;i&quot;&gt;
      &lt;td&gt;
          &lt;div class=&quot;form-group&quot;&gt;
              &lt;div class=&quot;custom-control custom-switch&quot;&gt;
                  &lt;input type=&quot;checkbox&quot; class=&quot;form-control&quot; id=&quot;field_check&quot;  formControlName=&quot;checked&quot;&gt;
                  &lt;label class=&quot;form-control-label&quot;  for=&quot;field_check&quot;&gt;check&lt;/label&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/td&gt;
  &lt;/tr&gt;
  </code></pre>
  <p>But when i try to add a custom class control not working :</p>
  <pre><code>&lt;tr *ngFor=&quot;let item of lists let i=index&quot; [formGroupName]=&quot;i&quot;&gt;
      &lt;td&gt;
          &lt;div class=&quot;form-group&quot;&gt;
              &lt;div class=&quot;custom-control custom-switch&quot;&gt;
                  &lt;input type=&quot;checkbox&quot; class=&quot;custom-control-input&quot; id=&quot;field_check&quot; formControlName=&quot;checked&quot;&gt;
                  &lt;label class=&quot;custom-control-label&quot;  for=&quot;field_check&quot;&gt;check&lt;/label&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/td&gt;
  &lt;/tr&gt;
  </code></pre>
  <p>how to apply my <code>class=&quot;custom-control-input&quot;</code> without losing the <code>class=&quot;form-control&quot;</code> ? i have already tried this <code>class=&quot;form-control custom-control-input&quot;</code> but didn't work</p>
  <p><strong>UPDATE</strong></p>
  <p>after inspect element i found this :</p>
  <p><a href="https://i.stack.imgur.com/YJz7O.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/YJz7O.png" alt="css" /></a></p>
  <p>so when here is the result i got :</p>
  <p><a href="https://i.stack.imgur.com/oO6B3.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/oO6B3.png" alt="result" /></a></p>
  <p>i have no access to css code <code>custom-control-input</code> and <code>form-control how</code> can i fix this ?</p>