title: I can't detect programmatically value change in angularjs
body: <p>I'm very new at angularjs and I'm in trouble,<br>
  I have <strong>html</strong> like this:</p>
  
  <pre><code>&lt;section class="content" ng-app="offer"&gt;
      &lt;div ng-controller="OfferController"&gt;
      ...
      &lt;input name="Attachment" type="file" class="file_up" onchange="angular.element(this).scope().change(this)" ng-model="Attachment" /&gt;
      &lt;span&gt;{{Attachment}}&lt;/span&gt; //i can't get it
      ...
      &lt;/div&gt;
  &lt;/section&gt;
  </code></pre>
  
  <p>and <strong>script:</strong></p>
  
  <pre><code>var myApp = angular.module('offer', []);
  
  myApp.controller('OfferController', ['$scope', function ($scope) {
      $scope.change = function (element) {
          if (element.files.length &gt; 0) {
              $scope.Attachment = element.files[0].name;
          }
          else {
              $scope.Attachment = "";
          }
          console.log($scope.Attachment); // I can get changed value in console
      }
  }]);
  </code></pre>
  
  <p><strong>image:</strong><br>
  <img src="https://i.stack.imgur.com/MJhrM.png" alt="i can not get span with value"></p>
  
  <p>I <strong>can</strong> get changed value in console but I <strong>can't</strong> get in html side when input's value change. Thank you so much in advance for any help.</p>