AngularJS中根据条件为select下拉框切换不同ng-model数组

我来帮你梳理下实现思路和具体代码，这个需求在AngularJS里其实很容易实现，先指出几个你当前代码里的小问题，再给出完整方案：

问题分析 #

1. 你当前把ng-model直接绑定到了数组oldarr，这不对——ng-model应该绑定选中的单个选项值，而不是数组本身；
2. ng-selected通常不需要手动设置，ng-options和ng-model会自动联动维护选中状态；
3. 你定义的condi = 1/0会得到Infinity，这和你期望的"1或2"不符，后续需要确保这个变量能被设置为1或2来触发切换。

具体实现方案 #

第一步：控制器中处理动态数组逻辑 #

在控制器里定义一个动态数组变量（比如currentArr），根据condi的值来决定它指向oldarr还是newarr。如果condi是动态变化的，用$watch监听它的变化来自动更新数组：

angular.module('myApp', [])
.controller('myController', function($scope) {
    // 你的原始数组
    $scope.oldarr = ['one','two','three'];
    $scope.newarr = ['four','five','six'];
    
    // 初始化condi为1（替换你原来的1/0，后续可根据业务逻辑动态修改）
    $scope.condi = 1;

    // 监听condi变化，自动切换当前绑定的数组
    $scope.$watch('condi', function(newValue) {
        $scope.currentArr = newValue === 1 ? $scope.oldarr : $scope.newarr;
    });
});

第二步：模板中绑定动态数组 #

在select标签里用ng-options生成选项，ng-model绑定选中的选项值：

<div ng-app="myApp" ng-controller="myController">
    <!-- 动态绑定数组生成选项 -->
    <select 
        ng-model="selectedItem" 
        ng-options="item for item in currentArr"
    >
        <option value="">请选择选项</option> <!-- 可选的默认空选项 -->
    </select>

    <!-- 测试用的切换按钮（实际业务中可根据逻辑修改condi） -->
    <button ng-click="condi = 1">切换到老数组</button>
    <button ng-click="condi = 2">切换到新数组</button>
</div>

简化版（无需$watch） #

如果condi不会频繁动态变化，也可以直接在模板里用三元表达式，省去控制器里的$watch：

<select 
    ng-model="selectedItem" 
    ng-options="item for item in (condi === 1 ? oldarr : newarr)"
>
    <option value="">请选择选项</option>
</select>

关键注意点 #

• 永远不要把ng-model绑定到数组本身，它应该指向单个选中项；
• 确保condi的值能正确被设置为1或2（你原来的1/0会得到Infinity，无法触发切换逻辑）；
• ng-selected一般不需要手动使用，AngularJS会通过ng-model自动管理选中状态。

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