title: Translate ng-model value in input
body: <p>I'm trying to translate a value in an <code>input</code>. The input is disabled when I need to translate it so the user can't type text in the textbox. The data is inputted using <code>ng-model</code> and currently looks like this:</p>
  
  <pre><code>&lt;input ng-model="reason" ng-disabled="true" type="text" class="form-control" name="reason"&gt;
  </code></pre>
  
  <p>I've also tried the following:</p>
  
  <pre><code>&lt;input ng-model="reason|translate" ng-disabled="true" type="text" class="form-control" name="reason"&gt;
  &lt;input ng-model="{{ reason | translate}}" ng-disabled="true" type="text" class="form-control" name="reason"&gt;
  </code></pre>
  
  <p>but none of them worked. </p>
  
  <p>I could translate the value in the controller, but I'd like to do this in the html tags so the actual value on the scope doesn't get changed.
  How can I achieve this?</p>