title: Get value when selected ng-option changes
body: <p>I have in my .html page a dropdown list,</p>
  
  <p><strong>Dropdown:</strong></p>
  
  <pre><code>&lt;select ng-model="blisterPackTemplateSelected" data-ng-options="blisterPackTemplate as blisterPackTemplate.name for blisterPackTemplate in blisterPackTemplates"&gt;
      &lt;option value=""&gt;Select Account&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>I want to execute an action when the user select a value. So In my controller I did: </p>
  
  <p><strong>Controller:</strong></p>
  
  <pre><code>$scope.$watch('blisterPackTemplateSelected', function() {
      alert('changed');
      console.log($scope.blisterPackTemplateSelected);
  });
  </code></pre>
  
  <p>But the changing the value in the dropdownlist doesn't trigger the code : <code>$scope.$watch('blisterPackTemplateSelected', function()</code></p>
  
  <p>As a result I tried another method with a : <code>ng_change = 'changedValue()'</code> on the select tag</p>
  
  <p>and </p>
  
  <p><strong>Function:</strong></p>
  
  <pre><code>$scope.changedValue = function() {
     console.log($scope.blisterPackTemplateSelected);
  }
  </code></pre>
  
  <p>But the <code>blisterPackTemplateSelected</code> is stored into a child scope. I read that the parent can't get access to the child scope.</p>
  
  <p>What is the correct/best way to execute something when a selected value in a dropdown list changes? If it's method 1, what am I doing wrong with my code?</p>