title: Playing with placeholder in Angular
body: <p>Is there like a kind of ng-placeholder or something similar ?</p>
  
  <p>I want to put a default placeholder which is <code>Risk</code>, that is for an input which is a calculation input, sometimes the calculation last 2 seconds, so I want to remove that <code>Risk</code> placeholder and put a loader/spinner there. This is how I have it</p>
  
  <pre><code>    &lt;div&gt;
  
        &lt;div&gt;
          &lt;span ng-show="betLoader"&gt;&lt;div class="spinner"&gt;&lt;/div&gt;&lt;/span&gt;
          &lt;div ng-show="!betLoader"&gt;Win&lt;/div&gt;
        &lt;/div&gt;
  
        &lt;input placeholder="Risk"
               ng-model="parlayData.win"&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>I have there a <code>$scope</code> variable <code>betLoader</code>, when it is <code>true</code> the loader/spinner appears, when it is false, <code>div</code> with the word <strong>Win</strong> appears. I want to do the same but not there, I want to do it in the input with the placeholder <strong>Risk</strong>, when <code>betLoader</code> is true, then hide the <strong>Risk</strong> word.</p>
  
  <p>What are your suggestions ?</p>
  
  <p><strong>EDIT</strong></p>
  
  <p>take into account that the spinner is in a <code>div</code> with the class <code>spinner</code>. So, I need to put that spinner within the input.</p>