ng-model of `` not selecting when model is an object Asked Apr 01 '19 at 13:24 Active Apr 01 '19 at 15:54 Viewed 375 times 0 0 How to set ng model value to form fields? ng model value not reflecting on my form I have a $scope.obj, this obj from server when i try to apply in my form like ng-model="obj.name", its not reflecting in <select> field. How to solve this issue? <select class="form-control" ng-model="empEdit.qualification" ng-options="qualification as qualification.qualificationName for qualification in qualifications" name="qualification"> <option value="" selected disabled hidden> Choose your qualification </option> </select> Controller: $scope.empEdit = { "name":"SomeName", "id": 2, qualification: {"id":1,"qualification_name: "BS"} }; angularjs edited Jun 20 '20 at 09:12 Community 1 1 asked Apr 01 '19 at 13:24 Thirumaran 459 1 6 12 Can you share the code to reproduce the issue? – Satpal Apr 01 '19 at 13:27 Actually it's not reflecting in field – Thirumaran Apr 01 '19 at 13:30

Answer 1

The ng-model directive compares object references not object contents. Use a primitive property for the ng-model value:

<select class="form-control" ng-model="empEdit.qualById"
        ng-options="q.id as q.qualificationName for q in qualifications"
        name="selQual1"> 
  <option value="" disabled>
    Choose your qualification
  </option>
</select>

 $scope.empEdit = {"name":"SomeName", "id": 2, qualById: 1};

For more information, see

• why does Javascript comparison not work with objects?
• AngularJS ng-options Directive API Reference - select as