title: AngularJS: force refresh native one-time bindings
body: <p>Is there a way to force a refresh on a one-time binding (native one-time binds present in v1.3+ not <a href="https://github.com/Pasvaz/bindonce" rel="noreferrer">BindOnce</a> library) <strong>without having to recompile</strong> the entire DOM node (which is what the <a href="https://medium.com/@kentcdodds/angularjs-one-time-bindings-and-recompiling-templates-9857b2cead01" rel="noreferrer">kcd-recompile directive</a> seems to be doing)</p>
  
  <p>The following code illustrates my problem:</p>
  
  <pre><code>&lt;span ng-bind="::firstname" refresh-on="firstNameUpdated"&gt;&lt;/span&gt;
  </code></pre>
  
  <p>Here I want the content of <code>span</code> to be updated to the current value of <code>$scope.firstname</code>.</p>
  
  <p>The way I imagine the way it would be done is by using the directive <code>refresh-on</code>, which forces a refresh when it receives the event <code>"firstNameUpdated"</code>.</p>