Nicht Lesen-Eigenschaft $valid undefined

Ich habe ein Formular wie dieses - 

<form name="myForm" novalidate>

Gibt es einige Felder im Formular, die ich überprüfen und dann Absenden des Formulars wie diese - 

<input type="button" ng-click="Save(data)" value="Save">

Im controller, ich will, um zu überprüfen, ob das Formular ist nicht gültig, dann Save() sollte zeigen, dass einige Fehler auf der Seite. Für das, ich bin einrichten einer Uhr wie dieser - 

$scope.$watch('myForm.$valid', function(validity) {
     if(validity == false)
        //show errors
});

Aber ich bin immer diese Fehlermeldung auf, läuft es - 

Cannot read property '$valid' of undefined

Kann mir jemand erklären, warum?

Dank

  • Sollte das nicht $scope.myForm.$valid?
  • Nein, es ist implizit, wenn Sie verwenden Sie $ - Uhr-Methode.
  • Warum brauchen Sie eine Uhr haben Methode über $gültig? Sie können einfach überprüfen Sie die form auf "Absenden".
  • Ich habe versucht, bekam aber die gleiche Fehlermeldung. Brauche ich ngSubmit statt?
InformationsquelleAutor Sam | 2015-03-16
  1. 2

    Du einfach nur falsch "myForm" im controller-code. Um um den Fehler zu entfernen, Schreiben Sie "myform" anstelle von "myForm".

    Aber ich erwarte, dass das, was Sie wollen, ist, wie dieses. 

    $scope.Save = function(data){
    alert($scope.myform.$valid);
}

    Richte ich jsfiddle.

    • Das ist nur ein Tippfehler hier. Es ist schön, in den code.
    • Ich fügte hinzu, $watch-Funktion in mein jsfiddle. Ich konnte sehen, keine Fehler. Und alles scheint gut zu funktionieren. Was ist der Unterschied zwischen Geige und Ihren code? Möchten Sie Ihre setup jsfiddle oder was könnte damit der Fehler, den Sie haben, konfrontiert?
    InformationsquelleAutor yazaki
  2. 2

    In meinem Fall war ich wickeln Sie das Formular in einem modalen erstellt, in dem controller und habe deswegen den gleichen Fehler. Ich fixierte es mit:

    HTML

    <form name="form.editAddress" ng-submit="save()">
    <div class="form-group">
        <label for="street">Street</label>
        <input name="street" type="text" class="form-control" id="street" placeholder="Street..." ng-model="Address.Street" required ng-minlength="2" />
        <div class="error" ng-show="form.editAddress.street.$invalid">
           <!-- errors... -->
        </div>
    </div>
    <button type="submit" class="btn btn-primary" >Save address</button>
</form>

    JS

    angular.module("app").controller("addressController", function ($scope, $uibModal, service) {

    $scope.Address = {};
    $scope.form = {};

    $scope.save = function() {
        if (modalInstance !== null) {
            if (isValidForm()) {
                modalInstance.close($scope.Address);
            }
        }
    };

    var isValidForm = function () {
        return $scope.form.editAddress.$valid;
    }
});
    • Ich bin nur bestätigen, das funktioniert. Ich hatte den gleichen Fall in meinem Programm und diese Lösung funktionierte wie ein Charme. Danke ...
    InformationsquelleAutor Maria Ines Parnisari
Schreibe einen Kommentar