Javascript 如何使用AngularJS链接下拉列表？

很抱歉这个糟糕的标题，我真的不知道如何更好地表达它，如果有人能编辑它使它更符合我的想法，那就太好了

我想做的是点击一家公司->这将加载所有给定公司的部门，当我点击一个部门时，将显示其中的所有职位

模板：

            <label>
                <span style="float: left; width: 100px;">Company</span>
                <select multiple style="width: 670px; float: left; height: 150px;">
                    <option>All</option>
                    <option disabled="disabled">-----------------------</option>
                    <option ng-repeat="employee in employees | unique: 'company'" ng-bind="employee.company.name"></option>
                </select>
            </label>

            <label>
                <span style="float: left; width: 100px;">Department</span>
                <select multiple style="width: 670px; float: left; height: 150px;">
                    <option>All</option>
                    <option disabled="disabled">-----------------------</option>
                    <option ng-repeat="employee in employees | unique: 'department'" ng-bind="employee.department.name"></option>
                </select>
            </label>

            <label>
                <span style="float: left; width: 100px;">Position</span>
                <select multiple style="width: 670px; float: left; height: 150px;">
                    <option>All</option>
                    <option disabled="disabled">-----------------------</option>
                    <option ng-repeat="employee in employees | unique: 'position'" ng-bind="employee.position.name"></option>
                </select>
            </label>

$scope.employees = ContactsApi.Employee.query().$promise.then(function(response) {
    return response;
});

---

您需要在当前范围内为下拉列表的当前值（如currentCompany、currentDepartment和currentEmployee）创建三个属性，将它们绑定到select标记并为每个属性创建手表。然后，在使用$watch设置的回调函数中，可以加载下一个下拉列表的值（您可能还希望在本地缓存这些值）。有关更多信息，请参阅

---

（很抱歉回答得这么简单，我稍后会尝试添加更多细节）。

再详细一点就好了，是的：）