2-way数据绑定在Angular UI的select标签中不起作用

2-way data binding not working in select tag in modal of Angular UI with Bootstrap

本文关键字：select 标签 不起作用 UI 数据绑定 Angular 2-way      更新时间：2023-09-26

Plunker报道。http://plnkr.co/edit/CKcKLm?p=preview

点击"打开我"按钮后，我希望它能做我选择的任何事情。它应该总是切换回"white"选项，因为

ng-change="refreshAmount()"

设置为:

$scope.myColor = $scope.colors[0];

正如您在日志中看到的，$scope.myColor值被正确更新(总是输出"白色")。

当你想在子控制器中进行双向绑定时，你需要为模型使用object。

<select ng-change="refreshAmount()" ng-model="color.myColor" ng-options="color as color for color in colors">
  </select>     
 $scope.color ={  
     myColor: $scope.colors[2]
 };
 $scope.refreshAmount = function() {
     $scope.color.myColor = $scope.colors[0];
     $log.info($scope.color);
 }
相关文章：