Angular, ng-messages nicht im eckigen material design dialog (md-dialog)

8

Ich arbeite an einem Formular, um eine Kreditkarte in angularJS hinzuzufügen, mit eckigem Material ( Ссылка ).

Für alle meine anderen Formulare habe ich ng-messages ( Ссылка ) verwendet, um Validierungsfehler anzuzeigen, und es hat gut funktioniert.

Wenn ich das Formular in einen MD-Dialog eingebettet habe, werden meine ng-Nachrichten nicht angezeigt, die Eingabe wurde ungültig, aber es wurde kein Fehler angezeigt. Ich habe das Problem mit der grundlegenden Validierungsdirektive und der benutzerdefinierten Validierungsdirektive.

Meine Dialogvorlage:

%Vor%

Meine Dialogdefinition:

%Vor%

und meine benutzerdefinierte Direktive

%Vor%

Und ein Screenshot des Ergebnisses, wo Sie das ungültige Feld aber keine Fehlermeldung sehen können:

    
jbduzan 28.08.2015, 13:36
quelle

6 Antworten

5

Es gibt zwei mögliche Fehlerbehebungen, die hier detailliert beschrieben werden: Ссылка

  1. Stellen Sie sicher, dass sich die ng-app-Direktive im body-Tag Ihrer Seite befindet.

  2. Entfernen Sie die Zeile parent: angular.element(document.body) von Ihren $ mdDialog.show () Optionen.

Casey Williams 31.10.2016 16:46
quelle
4

Probieren Sie es mit

aus %Vor%

Das hat mein ähnliches Problem behoben

    
Simon H 08.01.2016 12:41
quelle
3

Ich konnte diese Arbeit machen.

  1. Hinzufügen von eckigen Meldungen zur Laube und zum Index
  2. Fügen Sie Ihrer App das Modul ngMessages hinzu
  3. Auf einem md-Eingabebehälter tat dies
%Vor%

Und für eine benutzerdefinierte Anweisung habe ich das gemacht

%Vor%     
David Kruger 14.09.2015 17:17
quelle
2

ist es möglich, dass Sie zwei form -Tags haben?
Wenn Sie die Demos von Angular Site kopiert haben, haben Sie möglicherweise form in% form . Dies kann genau dieses Problem verursachen.

    
Elisha 27.07.2016 13:36
quelle
0

Jungs, ich hatte das gleiche Problem. Das Problem in meinem Fall war, dass ich ein umschließendes Tag nicht aus dem Beispiel-MD-Dialog-Code entfernt hatte. Das störte wahrscheinlich die Nachrichten.

Hoffe das hilft dir auch.

Abhimanyu

    
Abhimanyu Dikshit 02.11.2015 12:02
quelle
0

Ich denke, Sie sollten den Fehler ng-model form.cc_number.$error , den gleichen Code hier finden:

%Vor%     
Chris Nguyen 23.11.2016 15:55
quelle