javascript - 选择中的 ng-change 不起作用

Question

我正在尝试从 list1 更新 list2，为此我使用了 ng-change。

我的应用程序已完全配置，并且 html 页面的 Controller 已设置良好。

唯一的事情是，当我从第一个 list1 中选择元素时， updateList2 方法从未被调用

<label>NameLIst1</label>
<select ng-model="idLIST1" 
        ng-change="updateList2(idLIST1)"
        ng-options="elt.id as elt.name for elt in list1">

        <option  value="">select one</option>
</select>

<label>Name LIST 2</label>
<select  ng-model="idLIST2"                 
        ng-options="elt.id as id.name for elt in list2">

        <option  value="">select one</option>
</select>


$scope.updateList2 = function(id){
alert("id ="+id);
}

Answer 1

我有下面写的代码，试试这个它工作正常，也可以与参数一起使用，但你不需要在方法中传递参数

<div class="container" ng-controller="TestController">
    <label>NameLIst1</label>
    <select ng-model="idLIST1"
            ng-change="updateList2(idLIST1)"
            ng-options="elt.id as elt.name for elt in list1">

        <option value="">select one</option>
    </select>

    <label>Name LIST 2</label>
    <select ng-model="idLIST2"
            ng-options="elt.id as id.name for elt in list2">

        <option value="">select one</option>
    </select>
</div>

var app = angular.module("test", ["ngRoute"])
        .controller("TestController", ['$scope', function ($scope) {
            $scope.list1 = [
               { id: 1, name: 'data1' },
               { id: 2, name: 'data2' },
               { id: 3, name: 'data3' },
               { id: 4, name: 'data4' },
            ];
            $scope.updateList2 = function (id) {
                alert("id =" + id);
            }
        }
        ]);