title: AngularJS $scope.$watch for element inside ng-repeat
body: <p>I have the following code inside my .haml file with Angular:</p>
  
  <pre><code>  %li.dropdown{"ng-repeat" =&gt; "region in regions"}
          %a{:href =&gt; "#"}
            %input{:type =&gt; "checkbox", "ng-model" =&gt; "PODLocation", "ng-true-value" =&gt; "filter", "ng-false-value" =&gt; "noFilter"}/
            %span.lbl {{region.toUpperCase()}}
  </code></pre>
  
  <p>The Following inside the AngularJS Controller:</p>
  
  <pre><code>   $scope.regions = [
          'am',
          'cn',
          'uk',
          'au',
          'ru'
      ];
  
  
     # Controls when the user selects options from dropdown menu
      $scope.$watch 'PODLocation', (value) -&gt;
          console.log "In Search Location Watch"
          console.log "Inside Watch"
          switch value
            when "filter"
              $scope.search.location = region
            when "no-filter"
              $scope.search.location = ""
  </code></pre>
  
  <p>But it seems like no matter how i debug it, the $scope.$watch does not get invoked upon every click of the list of checkboxes (IE: Console.log messages do not appear upon each click). Furthermore, it seems like I can select multiple checkboxes at the same time (which should not occur since angular binds them to the same PODLocation variable).</p>
  
  <p>Does anyone have any ideas how to solve this?</p>