title: Unable to enter text in angular text box
body: <p>I am using the below input text box tag in 2 different templates. </p>
  
  <pre><code>&lt;div class="text-input"&gt;
    &lt;input type="text" class="form-control" id="" placeholder=""&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>In the first template i am able to enter text. But when i change the view to the second template, i am unable to enter text in the text box. Again when i go back to the first template, I am not able to enter text.</p>
  
  <p>I have noticed in the console that both the text box are in the below state initially (before clicking in the text box to enter text):</p>
  
  <pre><code>&lt;input type="text" class="form-control ng-pristine ng-valid ng-empty ng-touched" id="" placeholder="" style=""&gt;
  </code></pre>
  
  <p>When text entering is possible, the class is updated to </p>
  
  <pre><code>&lt;input type="text" class="form-control ng-valid ng-touched ng-not-empty ng-dirty ng-valid-parse" id="" placeholder="" &gt;
  </code></pre>
  
  <p>There is no change in class when it is disabled.</p>
  
  <p>What is the possible problem and how can i fix this?</p>
  
  <p>Edits : </p>
  
  <pre><code>&lt;form class="view-tools "&gt;
     &lt;ng-include src="'views/view1.tpl.html'"&gt;&lt;/ng-include&gt;
  &lt;/form&gt;
  
  &lt;form class="view-tools "&gt;
     &lt;ng-include src="'views/view2.tpl.html'"&gt;&lt;/ng-include&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>i have a function in the controller which basically sets scope variables to true or false to show/hide the views. </p>