title: Use checkboxes in angularjs to manage array of objects
body: <p>I had asked a question about 
  <a href="https://stackoverflow.com/questions/14751674/how-can-i-associate-objects-as-models-using-ng-options-in-angularjs/14753629">How to associate objects as models using ng-options in angularjs</a>.</p>
  
  <p>And I got an awesome answer very fast. My followup questions is that the response uses <code>&lt;select mutiple&gt;</code> to handle the child object array.</p>
  
  <p>You can see a working example of what I want, working with <code>&lt;select&gt;</code> at <a href="http://plnkr.co/edit/FQQxrSE89iY1BnfumK0A?p=preview" rel="nofollow noreferrer">http://plnkr.co/edit/FQQxrSE89iY1BnfumK0A?p=preview</a></p>
  
  <p>How can I use <code>&lt;input type='checkbox'&gt;</code> (instead of <code>&lt;select&gt;</code>) to handle that object array i.e. <code>ng:model="shirt.colors"</code> while repeating the items from <code>colors</code> object array.</p>
  
  <p>The reason, this appears so complicated to me is that I have to manage an array of objects instead of array of values... for example, if you look in the fiddle, there are <code>color</code> objects and <code>shirt</code> object that has multiple colors. </p>
  
  <p>If the <code>color</code> object changes, it should change the corresponding <code>color</code> objects in <code>shirt</code> objects.</p>
  
  <p>Thank you in advance.</p>