title: AngularJS passing select values to ng-click function
body: <p>I'm having trouble figuring out how I am supposed to accomplish this task in angular. The  following code is wrapped in an <code>ng-repeat='item in items'</code>. I have left that out for simplification.</p>
  
  <p>what I want to do is pass the value of my selects using the <code>addItem()</code> function. So when someone clicks the button they don't just pass the <code>item</code> but the values of the selects of this particular item as well. Perhaps the values of the options are passed as an array but I still wouldn't know how to accomplish that.</p>
  
  <pre><code>&lt;div&gt;
    &lt;span class="balanced"&gt;$ {{item.price/100 | currency:''}}&lt;/span&gt;
    &lt;br/&gt;
    &lt;div ng-repeat="style in item.styles"&gt;
      &lt;label class="input-label"&gt;{{style.style}}&lt;/label&gt;
      &lt;select&gt;
        &lt;option ng-repeat="option in style.options" value="{{option.option}}"&gt;
          {{option.option}}
        &lt;/option&gt;
      &lt;/select&gt;
    &lt;/div&gt;
    &lt;button class="button button-icon ion-plus" ng-click="addItem(item)"&gt;
      add
    &lt;/button&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Here is an example of what the data for <code>item</code> looks like.</p>
  
  <pre><code>{
     "productID": "4",
     "title": "Blouse",
     "description": "a nice blouse for any occasion",
     "price": "2000",
     "link": "http://productlink.com",
     "img": "http://imagelink.com",
     "styles": [{
       "style": "size",
       "options": [{
         "option": "9"
       }, {
         "option": "10"
       }, {
         "option": "11"
       }]
     }, {
       "style": "color",
       "options": [{
         "option": "red"
       }, {
         "option": "blue"
       }, {
         "option": "green"
       }]
     }]
   }
  </code></pre>