Drop down value replicates in nog options Angular <p>I have a dynamically generated html table that adds rows based on the record that is displayed. I'm adding a column that will contain a dropdown. I used ng-options for it, however every time I change one record, the rest are also updated. Tried changing it to ng-repeat and get the same result. See code below:</p> <pre><code> &lt;td&gt; &lt;select class="form-control" ng-model="$ctrl.selectedRC" ng- options="r.ccd as (r.OName + ' -- '+ r.RCName) for r in $ctrl.RC track by r.ccd"&gt; &lt;/select&gt; &lt;!--if I have 5 records, all dropdowns in the table change --&gt; &lt;/td&gt; </code></pre> <p>Using ng-repeat:</p> <pre><code> &lt;select class="form-control" ng-model="$ctrl.selectedRC" &lt;option value="" ng-selected="true"&gt;--Select one--&lt;/option&gt; &lt;option ng-repeat="r in $ctrl.RC" value="{{r.OName}}" ng-selected="{{r.OName === selectedRC}}"&gt;{{r.RCName}} &lt;/option&gt; &lt;/select&gt; </code></pre> <p>I know that these two are currently displaying two different things (one a concatenated set of values, the other juts one). But my main interest is to figure out how to have each <code>&lt;td&gt;</code> have its own dropdown without affecting the rest of the rows.</p>