title: Parent scope not updating from select with ng-change from directive
body: <p>I've seen a couple of articles on this but still can't figure it out. </p>
  
  <p>I am unable to update the parent scope from the  within a directive. I have read the articles saying the scope value should not be primitive and instead it should be an object but still can't figure out why this is not working. </p>
  
  <pre><code>angular.module('moduleMihai').controller('someController',
      ['$scope', '$http', function ($scope, $http) {
  
              $scope.durations = [{
                  field: 'yearly',
                  title: 'Yearly'
              }, {
                  field: 'monthly',
                  title: 'Monthly'
              }, {
                  field: 'weekly',
                  title: 'Weekly'
              }];
              $scope.selectedDuration = $scope.durations[0];
  
              $scope.handleDurationSelection = function () {
                  console.log($scope.selectedDuration.field + ' selected');
                  $scope.someData.title[0] = "SOMETHING ELSE!!";
              };
  
  
              $scope.someData= {
                  title: ['Value1', 'Value2', 'Value3'] };
  }]);
  </code></pre>
  
  <p>the directive doesn't have any stuff in it:</p>
  
  <pre><code>angular.module("awaCommon").directive("durationSelection", [
      function () {
          return { 
              scope: {}, // tried removing this as well as seen in some articles 
              restrict: "E",
              templateUrl: "duration-selection.html",
              link: function ($scope, $element, $attr) {
              }
          }
      }
  ]);
  </code></pre>
  
  <p>below the duration-selection.html which contains the select:</p>
  
  <pre><code>&lt;div ng-controller="someController"&gt;
  &lt;div&gt;
      Child: {{someData.title[0]}}
      &lt;select
          ng-options="item.title for item in durations"
          ng-model="selectedDuration"
          ng-change="handleDurationSelection()"&gt;
      &lt;/select&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p>So this value above in the  Child: {{someData.title[0]}} - gets updated properly when value is selected. But the one in here -  Parent: {{someData.title[0]}}, in the main route is not:</p>
  
  <pre><code>&lt;div ng-controller="someController"&gt;
  &lt;div&gt;
      Parent: {{someData.title[0]}}
      &lt;duration-selection&gt;&lt;/duration-selection&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p>I need the parent scope to be updated in order to update different directives</p>