$scope обновляется в представлении, а не в контроллере для angularJs

У меня есть область, определенная в контроллере, как указано ниже:

Контроллер:

var app = angular.module('app', ['ui.select2']);

app.controller('MyCtrl',
  [
    '$scope',
    '$q',
    '$timeout',
    function ($scope, $, $timeout) {
      $scope.data = {};
       $scope.countries = [{
          name : 'India', code : 'IA'
        }, {
          name : 'Israel', code : 'IS'
        }];

        $scope.selectedCountries = [
          'IA'
        ];

        $scope.$watch('selectedCountries', function(newValue, oldValue) {
           console.log ('data');
    });
]);

вид выглядит так:

<select
        ui-select2
        multiple
        ng-model="selectedCountries"
        data-placeholder="Choose or Search for countries"
        name="countries"
        style="width:200px;">
        <option ng-repeat="country in countries" value="{{country.code}}">{{country.name}}</option>
</select>

Теперь, когда значение изменяется в контроллере с помощью раскрывающегося списка выбора, изменения значения отражаются в представлении. Но часы так и не вызываются, так как прицел не меняется. Любая идея, почему область не обновляется?