title: One time bind two elements to be visible on page load
body: <p>I'm using an external filtering service and ngGrid to display my data.  There are some controls (text box, search buttons) that I want be hidden until the promise to fill my table data is resolved, but only on the page load.  After the page is loaded, I want the static HTML external to ngGrid to remain visible.  I currently have a flag like </p>
  
  <pre><code>//first line in controller
  $scope.isUpdating = true;
  var getData = function(){
      $scope.isUpdating =true;
      ngGridDataPromise.then(function(){//operations..})
                   .finally(function(){ $scope.isUpdating = false });
  }
  </code></pre>
  
  <p>So I have a function that, as its first action is sets <code>isUpdating = true</code>, and a promise inside of that function whose finally will set isUpdating = false.  The problem I have is that as that request is happening, there's a small time window where the promise isn't resolved and the ng-show I have on my template doesn't show the controls I need.  </p>
  
  <p>HTML</p>
  
  <pre><code>&lt;div ng-show="!isUpdating"&gt;&lt;buttons&gt;&lt;/buttons&gt;&lt;/div&gt;
  </code></pre>
  
  <p>How can I make the isUpdating binding only care about the initial page load, or are there some more framework type facilities that I can take advantage of for this?  Angular version - 1.2.26</p>
  
  <p>EDIT: using another external dependency is not an option, I'm looking for an angular way, or a clever JS solution. </p>