Updating ngModel of custom element from inside angular controller instead of Angular directive
<p>I have a directive something like the following for a custom control</p>

<pre><code>myApp.directive('myControl', function ($filter) {
    return {
        restrict: 'E',
        scope: { ngModel: "=" },
        templateUrl: 'some template path',
        controller: 'myControlController'
    }
});
</code></pre>

<p>I define the all the functionality of this control in a separate controller block:</p>

<pre><code>myApp.controller('myControlController',['$scope', function($scope){
    $scope.value=$scope.ngModel;
    //$scope.ngModel='newValue';
}]);
</code></pre>

<p>I have a parent controller within which I create a myControl as follows:</p>

<pre><code>myApp.controller('componentController',['$scope', function($scope){
    $scope.myModelValue='OriginalValue';
}]);
</code></pre>

<p>The following is the html content of the parent page:</p>

<pre><code>&lt;html&gt;
    &lt;body&gt;
        &lt;div ng-controller="componentController"&gt;
            &lt;my-control ng-model="myModelValue"&gt;&lt;/my-control&gt;
            {{myModelValue}}
        &lt;/div&gt;
    &lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p>Now, I wish to update the value of the ngModel to 'newValue' from the original value of 'OriginalValue' using something like  </p>

<p>//$scope.ngModel='newValue';</p>

<p>Is there any way to achieve this other than doing it from a directive or using a $parent operation.</p>