javascript - AngularJS- watch 不适用于变量

该代码无法正常工作，我不知道为什么。

的HTML

<select id="provincia" class="form-control" ng-model="ciudades" ng-options="provincia for (provincia, ciudades) in provincias">
 <option ng-model="valor_ciudad" value=''>Elegir</option>
</select>

JS

    $scope.$watch('ciudades', function(newval, oldval){
        debugger;
        if (newval){
            $scope.prov = newval;
        }
    });

我要怎么办我正在尝试获取用户选择的值，因为变量ciudades具有值的数组。

$scope.provincias = {Florida:['Miami', 'Orlando']}

如果用户选择佛罗里达州，则$ scope.ciudades将为['Miami'，'Orlando']。我需要知道的是用户是否选择佛罗里达州或其他城市。 （.watch无法正常工作，甚至无法在调试器上停止）

我说清楚了吗？

最佳答案

您可以使用“佛罗里达”键作为键和值，并直接使用选择的ng-model设置为prov，然后侦听prov更改并根据所选键设置ciudades：

var app = angular.module('app', []);
app.controller('AppCtrl', function($scope, $compile, $timeout) {
  $scope.provincias = {
    Florida: ['Miami', 'Orlando']
   };
  $scope.$watch('prov', function(newval, oldval){
    $scope.ciudades = $scope.provincias[newval];
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>

<div ng-app="app" ng-controller="AppCtrl">
  <select ng-model="prov" ng-options="key as key for (key, value) in provincias">
    <option ng-model="valor_ciudad" value=''>Elegir</option>
  </select>
  <br>
  $scope.prov: {{prov}}<br>
  $scope.ciudades: {{ciudades}}<br>
</div>