title: Hide Submit Button while Waiting for Server (Binding not working?)
body: <p>I've got an Angular 2 form that submits data to the server asynchronously. I need to provide some visual feedback to end-users while their browser is waiting to hear back from the server, so I'd like to change the blue 'submit' button to a greyed-out 'Please wait...' button. I decided that the easiest way to do this would be to have two buttons and hide one when the other is visible.</p>
  
  <p>I thought I could just put this in my model:</p>
  
  <pre><code>isPending: boolean = false;
  </code></pre>
  
  <p>And this on my page:</p>
  
  <pre><code>&lt;button [hidden]="!isPending" type="submit" class="btn btn-primary"&gt;Register&lt;/button&gt;
  &lt;button [hidden]="isPending" class="btn btn-primary" disabled&gt;Please wait...&lt;/button&gt;
  </code></pre>
  
  <p>But both buttons are always visible, regardless of the value isPending is set to.</p>
  
  <p>What is the idiomatic way to accomplish what I'm after?</p>