Javascript AngularJS-如何在从第一个选择中选择选项时填充第二个选择？

我对AngularJS是新手。在我的应用程序中，我有两个

。第二次选择必须取决于从第一次选择中选择的值。 以下是我的控制器数据：

$scope.types=[{type:"Cars"},{type:"Bykes"}];

$scope.Cars= [{"id":1,"CarName":"Hundai"},{"id":2,"CarName":"Maruti"},{"id":3,"CarName":"Toyoto",}];

$scope.Bykes= [{"id":10,"BykeName":"Honda"},{"id":8,"BykeName":"Bajaj"},{"id":9,"BykeName":"TVS"}];

以下是我的HTML：

<div class="col-lg-2 top10">
    <select class="form-control select1" ng-model="selectedType" ng-init="selectedType='Cars'">
        <option ng-repeat="type in types">{{type.type}}</option>
    </select>
</div>

<div class="col-lg-3">
    <select ng-model="vehicle"  class="form-control select2"   >
        <option ng-repeat="car in Cars" value="{{car}}">{{car.CarName}}</option>
    </select>
</div>

{{type.type}
{{car.CarName}

实际上，我的汽车和比克斯的数据来自数据库

现在，就像我从第一个选择中选择汽车一样，相应地，第二个选择中应该只显示汽车，如果我选择Bykes，第二个选择中应该只显示Bykes

---

请提前在这个.Thanx上帮助我。

以下是您可以做的，无需修改代码中的许多内容

您可以使用ng if检查所选车型，并相应地显示相应的下拉列表

var-app=angular.module（“sampleApp”，[]）；
app.controller（“sampleController”，[“$scope”，
职能（$范围）{
$scope.types=[{
类型：“汽车”
}, {
类型：“Bykes”
}];
$scope.Cars=[{
“id”：1，
“卡纳姆”：“浑岱”
}, {
“id”：2，
“卡纳姆”：“马鲁蒂”
}, {
“id”：3，
“卡纳姆”：“丰田章男”，
}];
$scope.Bykes=[{
“id”：10，
“BykeName”：“本田”
}, {
“id”：8，
“BykeName”：“Bajaj”
}, {
“id”：9，
“BykeName”：“电视”
}];
}
]);

{{type.type}
{{car.CarName}
{{byke.BykeName}
以下是您可以做的事情，无需修改代码中的许多内容

您可以使用ng if检查所选车型，并相应地显示相应的下拉列表


var-app=angular.module（“sampleApp”，[]）；
app.controller（“sampleController”，[“$scope”，
职能（$范围）{
$scope.types=[{
类型：“汽车”
}, {
类型：“Bykes”
}];
$scope.Cars=[{
“id”：1，
“卡纳姆”：“浑岱”
}, {
“id”：2，
“卡纳姆”：“马鲁蒂”
}, {
“id”：3，
“卡纳姆”：“丰田章男”，
}];
$scope.Bykes=[{
“id”：10，
“BykeName”：“本田”
}, {
“id”：8，
“BykeName”：“Bajaj”
}, {
“id”：9，
“BykeName”：“电视”
}];
}
]);

{{type.type}
{{car.CarName}
{{byke.BykeName}

在这里
填充
基于从第一次选择中选择选项的第二次选择

在这里
填充
基于第一次选择中的选项选择第二次选择
将逻辑放入控制器中，该功能用于确定级联列表的内容。您只需要了解ng if和ng showPut，将逻辑放入控制器，这是一个确定级联列表内容的函数。您只需要了解ng if和ng showI的投票结果，但视图实际上不需要任何条件。只需根据类型遍历单个结果集，我也有同样的想法。但是数据的格式是不同的，BykeName vs Carnameth重点是你把逻辑放在视图中，而不是让控制器处理逻辑如果汽车和Bykes的数据结构是相同的，那么这将是一个简单的翻转。我很想知道，我们如何做到这一点。在不改变数据结构和只在控制器中使用逻辑的情况下，我会进行投票，但视图确实不需要任何条件。只需根据类型遍历单个结果集，我也有同样的想法。但是数据的格式是不同的，BykeName vs Carnameth重点是你把逻辑放在视图中，而不是让控制器处理逻辑如果汽车和Bykes的数据结构是相同的，那么这将是一个简单的翻转。我很想知道，我们如何做到这一点。在不改变数据结构和仅在控制器中具有逻辑的情况下。