Javascript 使用ng模型和ng选项选择角度JS级联

所以我有点困在3rc

select

连接到以前的select车型上

首先，您必须选择一个分支，然后您可以选择建筑名称以及楼层

vm.locations数据

[
{
    "_id": "5a61acfdd5df1761dd2eb1ef",
    "branch": "Lucena City",
    "__v": 0,
    "building": [
        {
            "name": "mhq",
            "floors": [
                "1st",
                "2nd",
                "3rd"
            ]
        }
    ],
    "dateCreated": "2018-01-19T08:31:57.121Z"
},
{
    "_id": "5a61ad6fd5df1761dd2eb1f1",
    "branch": "Lucban",
    "__v": 0,
    "building": [
        {
            "name": "mhq",
            "floors": [
                "ground floor",
                "2nd floor",
                "3rd floor",
                "4th floor",
                "5th floor"
            ]
        }
    ],
    "dateCreated": "2018-01-19T08:33:51.761Z"
},
{
    "_id": "5a61ada1d5df1761dd2eb1f2",
    "branch": "loperz",
    "__v": 0,
    "building": [
        {
            "name": "lope",
            "floors": [
                "ground floor",
                "1st floor"
            ]
        }
    ],
    "dateCreated": "2018-01-19T08:34:41.904Z"
}]

html端

<div class="row justify-content-md-center">
<div class="col-md-4">
    <label for="branch">
        <strong>Branch</strong>
    </label>
    <select ng-options="loc as loc.branch for loc in vm.locations" ng-model="vm.locationTest" class="form-control">
    </select>
    <small id="emailHelp" class="form-text text-muted">Select branch.</small>
</div>
<div class="col-md-4">
    <label for="building">
        <strong>Building</strong>
    </label>
    <select ng-options="ds as ds.building for ds in vm.locationTest" ng-model="vm.roomData.building" class="form-control">
    </select>
</div>
<div class="col-md-4">
    <label for="roomFloor">
        <strong>Room Floor</strong>
    </label>
    <select ng-options="ds as ds for ds in vm.locationTest.floors" ng-model="vm.roomData.roomFloor" class="form-control">
    </select>
</div>

分支机构
选择分支。
建筑
房间地板

---

选择一个分支是有效的，之后我无法将数据传递到第二个和第三个

select

。我不太擅长处理对象数据。

看起来您的输入有误：

<select ng-options="ds as ds.building for ds in vm.locationTest" ng-model="vm.roomData.building" class="form-control">
</select>

然后，我们还需要修复第三个

ng选项

：

---

vm.locationTest.floors

变成了

vm.roomData.building.floors

嘿，谢谢你指出它现在可以工作了，但我现在有个问题。最后一个

select

现在作为字符串抛出。啊，对了，我将更新答案以获得更多修复。我的最后一个部分没有修复问题吗？

<select ng-options="ds as ds.name for ds in vm.locationTest.building" ng-model="vm.roomData.building" class="form-control">
</select>