title: AngularJS: input[number] with placeholder & ng-model
body: <p>I have the following input field in my view</p>
  
  <pre><code>&lt;input type="number" min="0" placeholder="7500" ng-model="totalClicks" required&gt;
  </code></pre>
  
  <p>What I want now is to set the model variable total <code>totalClicks</code> to an initial value that is not reflected to the UI unless the user makes an input.</p>
  
  <p>If I initialize with</p>
  
  <pre><code>$scope.totalClicks = {};
  </code></pre>
  
  <p>or</p>
  
  <pre><code>$scope.totalClicks = '';
  </code></pre>
  
  <p>then the placeholder is shown correctly until the user makes an input. However, the model variable totalClicks is not updated and remains as initialized.</p>
  
  <p>If I set it to </p>
  
  <pre><code>$scope.totalClicks = 0;
  </code></pre>
  
  <p>then <code>0</code> is shown in the input and the placeholder isn't but the model is updated.</p>
  
  <p>Any advices?</p>
  
  <p><strong>UPDATE:</strong></p>
  
  <p>Added</p>
  
  <pre><code>$scope.funnel = {};
  $scope.funnel.totalClicks = 9;
  &lt;input type="number" min="0" placeholder="7500" ng-model="funnel.totalClicks" required&gt;
  </code></pre>
  
  <p>Now the placeholder is shown on page load but <code>$scope.funnel.totalClicks</code> remains <code>9</code> when I change the input</p>
  
  <p><strong>UPDATE #2:</strong>
  Here's an example on plunker. There're 2 text boxes bound to the same model therefore when I change the model in one input box the other one should change as well. (Example includes ionic framework)
  <a href="http://plnkr.co/edit/F4fOGMBA8eFJ9vdyuDvm" rel="nofollow">http://plnkr.co/edit/F4fOGMBA8eFJ9vdyuDvm</a></p>