1

I have one query regarding dropdown selected value. Project dropdown

$rootScope.projects = response;

First I am getting project list by using angularjs. This is my Project dropdown.

Whenever doing edit how can I set proper value to project dropdown.

<div class="form-group width50">
  <label class="width30 marginTop fl">Project Name</label>
  <div id="selectProject_dd" class="selectbox travel_drop-downs width50 push-right-10 push-top-15">
    <div class="select">
      <span class="tr_txt">Please Select Project</span>
    </div>
    <span class="admin-sprite f_dropdown_icon"></span> 
    <select id='project-dropdown' ng-model="projectDropDown"
      ng-selected="projectDropDown"
      ng-options="project as project.projectName for project in projects"
      ng-change="onchangeProject(projectDropDown)">
    </select>
  </div>
</div>
Mohamed Yakout
  • 2,868
  • 1
  • 25
  • 45
user3169007
  • 31
  • 1
  • 3
  • 1
    Can you please post what your problem is and what you have tried so far – Wayne Ellery Dec 26 '14 at 12:54
  • possible duplicate of [How do I set default value of select box in angularjs](http://stackoverflow.com/questions/18380951/how-do-i-set-default-value-of-select-box-in-angularjs) – Aniket Sinha Dec 26 '14 at 13:21

1 Answers1

0

You can use the following code: 

<select ng-init="projectDropDown = projects[0]" id='project-dropdown' ng-model="projectDropDown" ng-options="project as project.projectName for project in projects"
  ng-change="onchangeProject(projectDropDown)"></select>

By using ng-init directive, and this question make ng-init more clear for you.

Community
  • 1
  • 1
Mohamed Yakout
  • 2,868
  • 1
  • 25
  • 45
  • As far as I know is best practice to define the initial value in the JS code instead of the HTML. – Mr.Web Dec 26 '14 at 18:44