Привязка объекта к ng-repeat выберите Angularjs

Question

Я пытаюсь завершить CRUD на моем проекте, но у меня есть проблема.Когда я пытался привязать к модальному EmployeeDetail.DeptID, чтобы выбрать Department, но это не удалось.Вот мой код

HTML

<div ng-model="EmployeeDetail">
            <input type="text" ng-model="EmployeeDetail.EmpName" placeholder="Name" />
            <select id="Departments" ng-selected="//Some thing in here!">
                <option ng-repeat="dept in Departments" value="{{dept.DeptId}}">{{dept.DeptName}}</option>
            </select>
            <input type="text" ng-model="EmployeeDetail.Address" placeholder="Address" />
            <input type="text" ng-model="EmployeeDetail.Email" placeholder="Mail" />

            <select>
                <option ng-selected="EmployeeDetail.Gender==true" value="true">Male</option>
                <option ng-selected="EmployeeDetail.Gender==false" value="false">Female</option>
            </select>
            <input type="text" ng-model="EmployeeDetail.YearOfBirth" />
            <button value="create" ng-click="createEmployee()" ng-show="create">Submit</button>
            <button value="update" ng-click="updateEmployee()" ng-show="update">Update</button>
            <button value="cancel" ng-click="cancelEmployee()" ng-show="cancel">Cancel</button>
        </div>

JS

var loadData = function () {
    $http.get(urlE).then(function (response) {
        var obj = JSON.parse(response.data);       
        $scope.Employees = obj;
        $('#empTable').DataTable();     
    });
    $http.get(urlD).then(function(response){
        var obj = JSON.parse(response.data);   
        $scope.Departments = obj;
    })
}

loadData();

$scope.edit = function (emp) {
    $http({
        method: 'GET',
        url: urlE + "/" + emp.EmpID
    }).then(function (response) {
        var obj = response.data;
        $scope.EmployeeDetail = obj;
        console.log(obj);
        $scope.updateEmployee = function () {
            $http({ method: 'POST', url: "api/Employees/Update", data: obj }).then(function (response) {
                alert("Edit success!");
                loadData();
            });
        }
    });
}

Я связываю Employee для правильного ввода, но раскрывающийся список Departments не может.Я хочу привязать Employee.DeptId к select id="Departments" и показать для просмотра DepartmentsName с идентификатором.Я начинаю использовать AngularJS и что-то, чего я не понимаю.Можете ли вы объяснить мне и показать правильный способ сделать это?Большое спасибо!

Answer 1

Использовать ng-модель и опции

<select id="Departments" ng-model="Employee.DeptId" ng-options="dept.DeptId as dept.DeptName for dept in Departments"></select>