Как назначить значение переменной нашему значению ng-options тега select в angularjs?

Question

У меня есть этот select тег ниже:

<td class="style126"> 
    <select id="CountrySelect" name="country" class="form-control" style="width:42%;height:100%" ng-model="selectedCountry" required ng-options="Country as  Country.CountryName for Country in countries| orderBy:countryOrderProp"> 
     <option value="">--------Select--------</option> 
    </select> 
    </td> 
    <td class="style126"> 
    <select id="departmentSelect" name="department" class="form-control" style="width:42%;height:100%" ng-model="selectedDepartment" required data-ng- change="updateDepartment()" ng-options="Department as Department.DeptName for   Department in Departments | orderBy:departmentOrderProp"> 
     <option value="">--------Select--------</option> 
    </select> 
    </td> 

Я пытаюсь присвоить значение ngModel с помощью $stateParams. Как я могу это достичь?

Моих $stateParams являются:

$scope.course = $stateParams.course; 
$scope.selectedCountry = $stateParams.country; 
$scope.selectedDepartment= $stateParams.Deptname; 

Answer 1

Ваших нг-опций

Department as Department.DeptName for Department in Departments 

Это означает, что вы хотите, чтобы каждое значение параметра будет сам (т.е. объекта) отделом, но будут отображаться как название отдела. Поэтому, чтобы быть понятным, когда вы выбираете отдел из этого окна выбора, selectedDepartment будет назначен всем объектом отдела. Не с его именем.

Следствием является то, что если вы хотите предварительно выбрать отдел из параметра состояния, содержащего имя отдела, вам нужно найти объект отдела из массива отделов, который имеет указанное имя, и назначить этот объект отдела selectedDepartment.

Или вы можете изменить нг-варианты

Department.DeptName for Department in Departments 

Затем при выборе отдела, selectedDepartment будет установлено имя выбранного отдела. И вы можете присвоить имя отдела selectedDepartment, чтобы предварительно выбрать его.