Question

My code for select with ng-model is working fine except filter stuff.
Without filter, it’s showing duplicated option for the already selected one..
So I am trying to filter out the one already selected in below code.

But it’s not working.. Am I doing something wrong? any help please?

<select ng-model="result.color">
<option ng-repeat="codes in obj.codes | filter:!result.color" value="{{codes.code}}">{{codes.code}}</option>
<option ng-selected>{{result.color}}</option>
</select>

Answer 1

ng-selected accepts an expression.
This is what I would do:

    <option ng-repeat="codes in obj.codes" value="{{codes.code}}" ng-selected="result.color == codes.code">

---

== edit ==

another even shorter solution would be to use ng-options.

<select ng-model="result.color" ng-options="c.code for c in obj.codes"></select>

Here is the fiddle: http://plnkr.co/edit/oIysU5

Not sure about the initial value as my fiddle seems working.