2016-08-09 195 views
0

Ich benutze das unten eingegebene Textbox-Tag in 2 verschiedenen Vorlagen.Text kann nicht in eckige Textbox eingegeben werden

<div class="text-input"> 
    <input type="text" class="form-control" id="" placeholder=""> 
</div> 

In der ersten Vorlage kann ich Text eingeben. Aber wenn ich die Ansicht auf die zweite Vorlage ändere, kann ich keinen Text in das Textfeld eingeben. Wenn ich wieder zur ersten Vorlage gehe, kann ich keinen Text eingeben.

Ich habe zunächst in der Konsole, die sowohl das Textfeld ist in dem unten Zustand bemerkt (vor in dem Textfeld klicken, Text eingeben):

<input type="text" class="form-control ng-pristine ng-valid ng-empty ng-touched" id="" placeholder="" style=""> 

Bei der Texteingabe möglich ist, wird die Klasse aktualisiert zu

<input type="text" class="form-control ng-valid ng-touched ng-not-empty ng-dirty ng-valid-parse" id="" placeholder="" > 

Es gibt keine Änderung in der Klasse, wenn es deaktiviert ist.

Was ist das mögliche Problem und wie kann ich das beheben?

Edits:

<form class="view-tools "> 
    <ng-include src="'views/view1.tpl.html'"></ng-include> 
</form> 

<form class="view-tools "> 
    <ng-include src="'views/view2.tpl.html'"></ng-include> 
</form> 

Ich habe eine Funktion in der Steuerung, die im wesentlichen Umfang Variablen wahr oder falsch ein-/auszublenden, die Ansichten setzt.

+0

Können Sie eine Plunker bereitzustellen, die das Problem reproduzieren? – varit05

+0

@ varit05 das Problem ist, das ist ein Teil einer großen Anwendung und eine Menge Abhängigkeiten. –

Antwort

0

Versuchen Sie, sowohl erforderlich und ng-Modell an Ihre Eingänge. Siehe

<input type="text" ng-model="thisInput" class="form-control" id="" placeholder="" required> 

wenn das behebt es

+0

Ich habe das versucht, hilft aber auch nicht. –

+0

können Sie zeigen, wie Sie zwischen Ihren Ansichten/Vorlagen wechseln? –

+0

Ich habe meine Frage bearbeitet, bitte überprüfen –