Javascript 基于先前选择选项angularjs的内容选择选项

我想创建2个选择选项，其中另一个选择选项的内容基于上一个选项。这是我的html

<div class="col-sm-2">
            <select class="form-control" ng-model="y">
                <option value="1">a</option>
                <option value="2">b</option>
            </select>
        </div>
        <div class="col-sm-2">
            <select class="form-control" ng-model="z">
                <option ng-repeat = "x in list" value="{{x.idproduct}}">{{x.descproduct}}</option>
            </select>
        </div>

---

选项的值为String

value=“2”

如果（$scope.y==2）

---

您应该像比较

if（$scope.y=='2'）

或

if（parseInt（$scope.y）==2）

一样进行比较。您需要绑定

change

事件，以便在更新值时更新列表。另外，您的

==

可能会导致问题。使用

==

将字符串值与整数1和2进行比较。
这是一个扑克牌：

A.
B
$scope.updateList（）={
如果（$scope.y==1）{
$scope.list=[
{idproduct:“13”，DESPRODUCT:“cc”}，
{idproduct:“14”，descproduct:“dd”}
]; 
}
如果（$scope.y==2）{
$scope.list=[
{idproduct:“15”，descproduct:“ee”}
]; 
}
}

创建一个函数，将您的Js代码放入该函数中，并在第一个下拉列表的ng更改时调用该函数。在这里，您可以查看在应用程序初始化期间是否执行一次条件。因此，通过触发ng change，我们可以调用函数并根据选择更新列表

if ($scope.y === 1) {
         $scope.list = [
          {idproduct:"13", descproduct:"cc"},
          {idproduct:"14", descproduct:"dd"}
         ]; 
       }
       if ($scope.y === 2) {
         $scope.list = [
          {idproduct:"15", descproduct:"ee"}
         ]; 
       }

<select class="form-control" ng-model="y" ng-change="updateList()">
     <option value="1">a</option>
     <option value="2">b</option>
</select>
$scope.updateList()={
if ($scope.y == 1) {
         $scope.list = [
          {idproduct:"13", descproduct:"cc"},
          {idproduct:"14", descproduct:"dd"}
         ]; 
       }
       if ($scope.y == 2) {
         $scope.list = [
          {idproduct:"15", descproduct:"ee"}
         ]; 
       }
}