Update HTML input value changes in angular ng-model
<p>I have some ng-model input elements that gets updated non-angularJS functions like jquery or sometimes by pure javascript DOM apis. 
The value on the html input element changes however the model scope variable doesn't get updated.
Is there any way to force angular to process these updates</p>

<p><strong>app.js</strong><br>
After a time-out of 5secs, the value 1 is changed to 999. This is reflected in html but not in $scope.val</p>

<pre><code> angular.module('inputExample', [])
   .controller('ExampleController', ['$scope', '$timeout',function($scope,$timeout) {
     $scope.val = '1';
     $timeout(function(){
       document.getElementById("myid").value = 999;

     },5000)
   }]);
</code></pre>

<p><strong>html</strong></p>

<pre><code>&lt;form name="testForm" ng-controller="ExampleController"&gt;
  &lt;input id="myid" ng-model="val" ng-pattern="/^\d+$/" name="anim" class="my-input"
         aria-describedby="inputDescription" /&gt;
         &lt;div&gt;
           {{val}}
         &lt;/div&gt;
&lt;/form&gt;
</code></pre>

<p>I've also kept the code in plunker
<a href="http://plnkr.co/edit/4OSW2ENIHJPUph9NANVI?p=preview" rel="nofollow">http://plnkr.co/edit/4OSW2ENIHJPUph9NANVI?p=preview</a> </p>