Angular ui.select not binding to ng-model
<p>I'm using angular ui.select and i'm having trouble with binding the selected value to a model. I am trying to set a variable of an object using ui.select <code>ng-model="data"</code>. But for some reason it will not selected value will not bind to the model. This is the code I am using:</p>

<pre><code>&lt;ui-select ng-model="data" ng-disabled="disabled" theme='select2' style="min-width: 300px;" title="some title"&gt;
   &lt;ui-select-match placeholder="Select a credit status in the list"&gt;[[ $select.selected.variable ]]&lt;/ui-select-match&gt;
   &lt;ui-select-choices repeat="options in options | filter: $select.search"&gt;
      &lt;p&gt;[[ options.variable ]]&lt;/p&gt;
  &lt;/ui-select-choices&gt;
&lt;/ui-select&gt;
</code></pre>

<p>Using this does not bind the selected value to the model in my case. I then used <code>$parent.data</code> which does work but when I use multiple ui-selects only one is able to work at a time.</p>

<p>There must be something I am doing wrong any help is appreciated.</p>