title: Suddenly my html started acting weird on an Angular project
body: <p>I was coding a signUp page when I realized my inputs(checkbox and file) were texts instead of what they were supposed to be. I started undoing things to see what messed it up, and at some point when I deleted a simple input the error went away. I was investigating what in this input could have been causing the problem, but then the error came back without the input. There are no errors in the console or whatsoever.</p>
  
  <p>Has anyone been some similar error?</p>
  
  <p><a href="https://i.stack.imgur.com/Ww0W7.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Ww0W7.png" alt="enter image description here"></a></p>
  
  <p>area_x fields should be checkbox and the bottom input should be a type=file.</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;ng-form name="FormCadastro" enctype="multipart/form-data"&gt;
      &lt;div class="row ng-cloak"&gt;
          &lt;h2&gt;Informação pessoal&lt;/h2&gt;
          &lt;div class="row"&gt;
              &lt;div class="col-sm-6"&gt;
                  &lt;div class="form-group"&gt;
                      &lt;label&gt;{{ 'NAME' | translate }}&lt;/label&gt;
                      &lt;input type="text" class="form-control capitalized" ng-disabled="c.nome" ng-model="newUser.nome" name="nome" maxlength="255" required /&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
              &lt;div class="col-sm-6"&gt;
                  &lt;div class="form-group"&gt;
                      &lt;label&gt;{{ 'BIRTH_DATE' | translate }}&lt;/label&gt;
                      &lt;input type="text" placeholder="dd/mm/yyyy" class="form-control data-mask" ng-disabled="c.dataNascimento" ng-model="newUser.dataNascimento" name="dataNascimento" required/&gt;
                      &lt;!-- ng-required='!firefox &amp;&amp; !safari' --&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="row"&gt;
              &lt;div class="col-sm-6" ng-hide="c.token"&gt;
                  &lt;div class="form-group"&gt;
                      &lt;label&gt;{{ 'PASSWORD' | translate }}&lt;/label&gt;
                      &lt;input type="password" class="form-control" ng-model="newUser.senha" name="senha" minlength="6" required /&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
              &lt;div class="col-sm-6" ng-hide="c.token"&gt;
                  &lt;div class="form-group"&gt;
                      &lt;label&gt;{{ 'PASSWORD_CONFIRMATION' | translate }}&lt;/label&gt;
                      &lt;input type="password" class="form-control" ng-model="newUser.confirmaSenha" name="confirmaSenha" minlength="6" match="senha" stopccp required /&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="row"&gt;
              &lt;div class="col-sm-6"&gt;
                  &lt;div class="form-group"&gt;
                      &lt;label&gt;{{ 'EMAIL' | translate }}&lt;/label&gt;
                      &lt;input type="email" class="form-control" ng-disabled="c.email" ng-model="newUser.email" name="email" maxlength="100" required /&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
              &lt;div class="col-sm-6"&gt;
                  &lt;div class="form-group"&gt;
                      &lt;label&gt;{{ 'EMAIL_CONFIRMATION' | translate }}&lt;/label&gt;
                      &lt;input type="email" class="form-control" ng-disabled="c.email" ng-model="newUser.confirmaEmail" name="confirmaEmail" maxlength="100" stopccp required /&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;hr&gt;
          &lt;h2&gt;Endereço&lt;/h2&gt;
          &lt;!-- address-line1 input--&gt;
          &lt;div class="row "&gt;
              &lt;div class="col-sm-12 form-group "&gt;
                  &lt;label&gt;Endereço&lt;/label&gt;
                  &lt;input class="form-control " id="address-line1 " name="address-line1 " type="text " ng-model="newUser.address1" placeholder="Endereço "&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;!-- address-line2 input--&gt;
          &lt;div class="row "&gt;
              &lt;div class="col-sm-6 form-group "&gt;
                  &lt;label&gt;Complemento&lt;/label&gt;
                  &lt;div&gt;
                      &lt;input class="form-control " id="address-line2 " name="address-line2 " ng-model="newUser.address2 " type="text " placeholder="Numero xx "&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
              &lt;!-- city input--&gt;
              &lt;div class="col-sm-6 form-group "&gt;
                  &lt;label&gt;Cidade&lt;/label&gt;
                  &lt;div&gt;
                      &lt;input class="form-control " id="city " ng-model="newUser.city " name="city " type="text " placeholder="Cidade "&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;!-- region input--&gt;
          &lt;div class="row "&gt;
              &lt;div class="col-sm-6 form-group "&gt;
                  &lt;label&gt;Estado&lt;/label&gt;
                  &lt;div&gt;
                      &lt;input class="form-control " id="state " ng-model="newUser.state " name="state " type="text " placeholder="Estado "&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
              &lt;!-- postal-code input--&gt;
              &lt;div class="col-sm-6 form-group "&gt;
                  &lt;label&gt;CEP&lt;/label&gt;
                  &lt;div&gt;
                      &lt;input class="form-control " ng-model="newUser.zipCode " id="postal-code " name="postal-code " type="text " placeholder="CEP "&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;hr&gt;
          &lt;div ng-if="!isCompany "&gt;
              &lt;h2&gt;Educação&lt;/h2&gt;
              &lt;div class="row "&gt;
                  &lt;div class="col-sm-12 form-group "&gt;
                      &lt;label&gt;Escola&lt;/label&gt;
                      &lt;input type="text " placeholder="Escola Estadual Profesor ... " class="form-control " ng-model="newUser.school "&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
              &lt;div class="row "&gt;
                  &lt;div class="col-sm-12 "&gt;
                      &lt;h4&gt;Áreas de interesse&lt;/h4&gt;
                      &lt;div class="checkbox "&gt;
                          &lt;label&gt;
                              &lt;input ng-model="newUser.checkbox.value1 " type="checkbox " value="area_1 " checked=" "&gt;Area 1
                          &lt;/label&gt;
                      &lt;/div&gt;
                      &lt;div class="checkbox "&gt;
                          &lt;label&gt;
                              &lt;input ng-model="newUser.checkbox.value2 " type="checkbox " value="area_2 "&gt; Area 2
                          &lt;/label&gt;
                      &lt;/div&gt;
                      &lt;div class="checkbox "&gt;
                          &lt;label&gt;
                              &lt;input ng-model="newUser.checkbox.value3 " type="checkbox " value="area_3 "&gt; Area 3
                          &lt;/label&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
              &lt;hr&gt;
          &lt;/div&gt;
          &lt;div ng-if="isCompany "&gt;
              &lt;h2&gt;Quantidade de vagas disponíveis&lt;/h2&gt;
              &lt;p class="help-block"&gt;Pode ser alterado depois na página de edição&lt;/p&gt;
              &lt;div class="row "&gt;
                  &lt;div class="col-sm-12 "&gt;
                      &lt;h4&gt;Áreas de interesse&lt;/h4&gt;
                      &lt;div class="form-group "&gt;
                          &lt;label&gt;
                              Area 1
                              &lt;input class="form-control " ng-model="newUser.interest_area_1 " type="text " value="0 " checked=" "&gt;
                          &lt;/label&gt;
                      &lt;/div&gt;
                      &lt;div class="form-group "&gt;
                          &lt;label&gt;
                              Area 2
                              &lt;input class="form-control " ng-model="newUser.interest_area_2 " type="text " value="0 "&gt;
                          &lt;/label&gt;
                      &lt;/div&gt;
                      &lt;div class="form-group "&gt;
                          &lt;label&gt;
                              Area 3
                              &lt;input class="form-control " ng-model="newUser.interest_area_3 " type="text " value="0 "&gt;
                          &lt;/label&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
              &lt;hr&gt;
          &lt;/div&gt;
          &lt;div class="row "&gt;
              &lt;div class="col-sm-offset-1 col-md-offset-1 col-sm-10 col-md-10 col-xs-12 "&gt;
                  &lt;div class="form-group hidden-overflow "&gt;
                      &lt;label&gt;{{ 'DROP_PICTURES' | translate }}&lt;/label&gt;
                      &lt;input type="file " id="fileInput " /&gt;
                  &lt;/div&gt;
                  &lt;div class="cropArea "&gt;
                      &lt;img-crop image="newUser.myImage " area-type="square " result-image="newUser.myCroppedImage "&gt;&lt;/img-crop&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="row "&gt;
              &lt;div class="col-sm-offset-1 col-md-offset-1 col-sm-10 col-md-10 col-xs-12 "&gt;
                  &lt;div ng-controller="modalController "&gt;
                      &lt;div class="help-block " translate="REGISTER-TERMS-MESSAGE " translate-compile&gt;&lt;/div&gt;
                  &lt;/div&gt;
                  &lt;button type="submit " class="btn btn-success btn-block " ng-click="enviar_primeiro_form() "&gt;{{ 'NEXT' | translate }}&lt;/button&gt;
                  &lt;p&gt;
                      &lt;div class="spinner " ng-show="loading "&gt;&lt;/div&gt;
                  &lt;/p&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/ng-form&gt;
  </code></pre>