Angularjs 在角度视图中层叠选择选项

我无法让级联下拉选择在angular中的第一个选项上工作。在选择第一个选项时，如果它有部门的值，我想在第二个下拉列表中显示，如果后者有工作场所的值，我想在第三个下拉列表中显示

这是我的html

<div ng-controller="SectorController">
<select class="form-control" id="businessUnit" ng-model="divisionsSource" 
            ng-options="businessUnit.division as businessUnit.sectorName for businessUnit in businessUnits track by businessUnit.id">
                <option value=''>Select</option>
            </select>

        <td>
          <select class="form-control" id="division" ng-model="workplacesSource" ng-disabled="!divisionsSource"
          ng-options="division.workplace as division.sectorName for division in divisionsSource track by division.id">
            <option value=''>Select</option>
          </select>

          <select class="form-control" id="workplace" ng-disabled="!workplacesSource || !divisionsSource" ng-model="workplace">
          <option value=''>Select</option> 
          <option ng-repeat="workplace in workplacesSource" value='{{workplace}}'>{{workplace}}</option>
          </select>  

---

非常感谢您的任何意见。

您的ng选项不正确。这里有一个plunkr可以修复它：

说明：

businessUnit.division as businessUnit.sectorName 
for businessUnit in businessUnits track by businessUnit.id

因此，当在第一个选择框中选择一个选项时，其型号（

divisionsource

）将设置为所选的

业务单位的部门。但是
业务单元
没有名为
部门
的字段。它有一个名为

分区的字段

所以代码应该是

businessUnit as businessUnit.sectorName 
for businessUnit in businessUnits track by businessUnit.id

下一个选择框应该使用

division as division.sectorName 
for division in divisionsSource.divisions track by division.id

---

你能展示一下你写的代码吗？？？哪里出错了？为什么要使用rootScope存储json数据？这是我的代码ashfaq.p。它只是填充第一个选择选项。Joe，我正在使用rootScope存储该值，以便随时随地访问它。真的很糟糕吗？谢谢JB，你的回答和你提供的速度给我留下了深刻的印象。

division as division.sectorName 
for division in divisionsSource.divisions track by division.id