AngularJS中能否通过ng-change切换ng-model绑定的目标属性？

该需求完全可以在控制器中实现，不需要对模板的核心渲染逻辑做大幅修改，以下是最常用的可落地实现方案：

推荐方案：通过中间变量+ng-change事件做值分发 #

你不需要直接在ng-model上硬绑定A或B，只需要绑定一个独立的中间存储变量，选中值变更时通过判断值的范围，自动分发赋值给A或B即可，该方案性能更高、逻辑清晰易维护。

模板修改 #

只需要在原有select标签上新增ng-change事件，替换ng-model的绑定对象为中间变量：

<select ng-model="selectedCustomerId" 
        ng-options="x.CustomerId as x.Name for x in options.tableData.childCustomers"
        ng-change="handleSelectChange()">
</select>

控制器逻辑 #

// 初始化：默认选中值取A的当前值
$scope.selectedCustomerId = $scope.A;

// 选中变更处理逻辑
$scope.handleSelectChange = function() {
  const selectedVal = $scope.selectedCustomerId;
  if (selectedVal === -1) {
    // 选中值为-1时赋值给B
    $scope.B = selectedVal;
    // 如果需求是选中-1后后续所有选择都绑定B，可新增标记位控制
    // $scope.bindToB = true;
  } else {
    // 非-1值默认赋值给A
    // 如果需要选中-1后都绑定B，加判断：if (!$scope.bindToB)
    $scope.A = selectedVal;
  }
}

// 若需要支持A/B在其他业务逻辑中被修改时，同步下拉框的选中状态，可补充监听逻辑
$scope.$watch('A', function(newAVal) {
  if (newAVal !== -1 && !$scope.bindToB) {
    $scope.selectedCustomerId = newAVal;
  }
});
$scope.$watch('B', function(newBVal) {
  if (newBVal === -1 || $scope.bindToB) {
    $scope.selectedCustomerId = newBVal;
  }
});

如果你的需求是只要选中过-1，后续所有的选择都永久绑定到B属性，只需要放开代码中注释的bindToB标记位相关逻辑即可。

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