title: Pass array just what user selects
body: <p>I want to pass data what user checked. My problem now.. it pass all..
  This is my demo code and <a href="https://stackblitz.com/edit/angular-7nymnv" rel="nofollow noreferrer">stackblitz</a></p>
  <p><strong>HTML</strong></p>
  <pre><code>&lt;div class=&quot;row&quot; *ngFor=&quot;let item of modules; let i = index;&quot;&gt;
      &lt;div class=&quot;col-md-1 align-center&quot;&gt;{{i+1}}&lt;/div&gt;
      &lt;div class=&quot;col-md-5&quot;&gt;
          &lt;input type=&quot;text&quot; class=&quot;form-control&quot; [(ngModel)]=&quot;modules[i].module_name&quot; value=&quot;{{modules[i].module_name}}&quot; disabled&gt;
  &lt;/div&gt;
  
  &lt;div class=&quot;col-md-2&quot;&gt;
  &lt;input type=&quot;radio&quot; class=&quot;form-control&quot; [checked]=&quot;modules[i].action.read&quot; (change)=&quot;modules[i].action.read&quot;  name=&quot;access_{{modules[i].company_id}}&quot; id=&quot;package-1&quot;&gt;
  &lt;label for=&quot;package-1&quot;&gt;Read&lt;/label&gt;
   &lt;/div&gt;
  
  &lt;div class=&quot;col-md-2&quot;&gt;
  &lt;input type=&quot;radio&quot; [checked]=&quot;modules[i].action.write&quot; (change)=&quot;modules[i].action.write&quot; class=&quot;form-control&quot; name=&quot;access_{{modules[i].company_id}}&quot; id=&quot;package-2&quot;&gt;
  &lt;label for=&quot;package-2&quot;&gt;write&lt;/label&gt;
   &lt;/div&gt;
   &lt;button (click)=&quot;test(item)&quot;&gt;test&lt;/button&gt;
  
  
  &lt;/div&gt;
  </code></pre>
  <p><strong>Component</strong></p>
  <pre><code> test(val){
      console.log(val)
    }
  </code></pre>