AngularJS多选下拉框ng-option选中新值的获取方法

嘿，我来帮你搞定这个问题！首先得明确：AngularJS的ng-change在多选下拉框场景下，并不会像单选那样自动把新增的选项作为参数传给你的onChange函数——因为多选的ng-model绑定的是一个数组，ng-change触发时只会告诉你数组有变化，但不会直接告诉你具体哪项是刚被添加的。

要实现这个需求，我们可以通过对比变化前后的选中数组来找出新增的项，具体步骤如下：

步骤1：在控制器中保存上一次的选中状态 #

首先，在控制器初始化时，我们需要一个变量来存储上一次的选中项，方便后续对比：

// 初始化时保存初始选中状态（如果有默认选中项的话）
$scope.previousSelectedTypes = angular.copy($scope.filter.types) || [];

$scope.onChange = function() {
    // 在这里实现对比逻辑
};

步骤2：在onChange中对比数组，找出新增项 #

在onChange函数里，我们可以通过遍历当前选中数组，找出那些不在上一次选中数组里的项，就是刚被添加的：

$scope.onChange = function() {
    // 找出新增的项
    const newlySelected = $scope.filter.types.filter(item => !$scope.previousSelectedTypes.includes(item));
    
    // 打印新增项（如果一次选多个，这里会是一个数组）
    console.log("刚添加的选中项：", newlySelected);
    
    // 别忘了更新上一次的选中状态，为下次对比做准备
    $scope.previousSelectedTypes = angular.copy($scope.filter.types);
};

这里用angular.copy是为了避免引用传递的问题——如果直接赋值，previousSelectedTypes会和filter.types指向同一个数组，后续对比就失效了。

补充：单选和多选的区别 #

你提到单选下拉框可以直接拿到新值，这是因为单选的ng-model绑定的是单个值，ng-change触发时可以直接通过参数或者ng-model拿到最新值；但多选是数组，所以必须通过前后状态对比来定位新增项。

完整代码示例 #

HTML部分 #

<select class="form-control" multiple 
        ng-model="filter.types" 
        ng-change="onChange()" 
        ng-options="option for option in filterOptions.types">
</select>

（注：你的原始代码里<select>标签内的{{option}}是多余的，ng-options已经会生成对应的<option>项了，可以去掉）

控制器部分 #

angular.module('yourAppName').controller('yourControllerName', function($scope) {
    // 假设你的filter和filterOptions已经初始化
    $scope.filter = { types: [] };
    $scope.filterOptions = { types: ['选项1', '选项2', '选项3', '选项4'] };
    
    // 初始化上一次选中状态
    $scope.previousSelectedTypes = angular.copy($scope.filter.types);

    $scope.onChange = function() {
        const newlySelected = $scope.filter.types.filter(item => !$scope.previousSelectedTypes.includes(item));
        console.log("新增选中项：", newlySelected);
        
        // 更新历史选中状态
        $scope.previousSelectedTypes = angular.copy($scope.filter.types);
    };
});

这样就能准确获取每次操作中被添加到filter.types里的项啦！

内容的提问来源于stack exchange，提问作者Hairy Chip