AngularJS手表不适用于下拉（选择）更改答案

【问题标题】：AngularJS watch not working for drop-down(select) changeAngularJS手表不适用于下拉（选择）更改
【发布时间】：2017-10-27 07:35:58
【问题描述】：

AngularJS 手表不适用于下拉更改。这是我的代码，这不完全是原始代码，我只是模拟的。

代码：

<body ng-app="app" ng-controller="ctrl">
<select ng-model=“selectedId" ng-options="val as val.name for val in options | orderBy:'id'">
</select>
<script>
angular.module("app",[])
  .controller("ctrl",['$scope',function($scope){
    $scope.options = [
      {"id":1, "name":"First"},
      {"id":2, "name":"Second"}
    ]
    $scope.selectedId = {"id":1, "name":"First"}
    $scope.$watch('selectedId’,function(selVal) {
       console.log(selVal);
     });
  }])
 </script>
</body>

【问题讨论】：

您的代码中有一些错误的字符 - “selectedId" 和 'selectedId ’。这只是一个糟糕的复制粘贴吗？
实际代码中是否存在不同的" ’ 和标志？
@Anton 检查更新的代码。
@VladimirZdenek 我试图模拟，所以只有复制粘贴错误

标签： angularjs angularjs-watch

【解决方案1】：

你有很多错字尝试设置 $scope.options[0] 而不是 options[0]

angular.module("app",[])
  .controller("ctrl",['$scope',function($scope){
    $scope.options = [
      {id:1, name:'First'},
      {id:2, name:'Second'}
    ]
    $scope.selectedId = $scope.options[0];
    $scope.$watch('selectedId',function(selVal) {
       console.log(selVal);
     });
  }])

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<html>
<body ng-app="app" ng-controller="ctrl">
<select ng-model="selectedId" ng-options="val as val.name for val in options">
</select>
</body>
<html>

【讨论】：

那么有什么问题吗？我可以看看它是否没有错字，那么它工作正常。 @SANN3

【解决方案2】：

代码中使用特殊字符代替普通引号，并使用$scope.options[0]代替options[0]。

打工仔here

【讨论】：

【解决方案3】：

我正在添加工作解决方案。

我已将 $scope.selectedId 更改为 $scope.filters.selectedId 并在 $scope.filters.selectedId 上添加了一个监视。

我不知道为什么会这样。

【讨论】：